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

时间:2015-11-10 08:36:27

标签: css wordpress woocommerce wordpress-theming

我在使用我的自定义主题在woocommerce中为产品列表制作固定列时遇到问题,例如iphone 6s产品在下面的屏幕截图中不能与其他产品相同: box size

的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;
}

我该如何解决?

1 个答案:

答案 0 :(得分:1)

为您的价格行添加DIV标记,并将min-height提供给DIV标记,例如

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

风格

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