如何在 woocommerce 中为产品列表制作固定列？

Question

我在使用我的自定义主题为 woocommerce 中的产品列表制作固定列时遇到问题，例如 iphone 6s 产品不能与下面的屏幕截图中的其他产品具有相同的框大小：

style.css

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 30.75%;
    float: left;
    margin: 1px 0 1.992em 0;
    padding: 0 0 0 6px;
    position: relative;
    text-align: center;
}

我该如何解决？

Answer 1

为您的价格行添加 DIV 标签，并将 min-height 赋予 DIV 标签，例如

<div class="price">Rp 12,000.000</div>

风格

.woocommerce ul.products li.product{ min-height:100px }