如何在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;

}

希望这会有所帮助。