如何在wordpress woocommerce網站的正常價格的下一行編寫銷售價格？

Question

我已經在我的門戶中上傳了一些產品。上傳產品時，我提到了正常價格，然後是售價。價格顯示在同一行/行上。如果價格更長，它會在下一行溢出。我想在單獨的行上顯示正常價格和銷售價格。

你的幫助將是可觀的。 感謝

網站鏈接是：http://gotodukan.com/shop/

PHP代碼：

<?php 
if (! defined('ABSPATH')) exit; // Exit if accessed directly 

global $product; 
?> 

<?php if ($price_html = $product->get_price_html()) : ?> 
    <div class="price"><?php echo $price_html; ?></div> 
<?php endif; ?> 

CSS代碼：

.product-meta { 
    overflow: hidden; 
} 
.product-meta .name { 
    margin: 0 0 10px; 
    font-size: 15px; 
    font-weight: 600; 
    line-height: 1.3; 
    height: 42px; 
    overflow: hidden; 
} 
.product-meta .price { 
    color: #f2434a; 
    margin: 8px 0 0; 
} 
.product-meta .price > .amount, 
.product-meta .price ins { 
    font-size: 15px; 
    font-weight: 600; 
} 
.product-meta .price del { 
    color: #9c9c9c; 
    margin: 0 5px 0 0; 
} 
.rtl .product-meta .price del { 
    margin: 0 0 0 5px; 
} 

Answer 1

更改這個CSS：

.product-meta .price del { 
    color: #9c9c9c; 
    margin: 0 5px 0 0; 
} 

到這個

.product-meta .price del { 
    color: #9c9c9c; 
    margin: 0 5px 0 0; 
    display:block !important; 

} 

希望這會有所幫助。