【问题标题】:How to make fixed column for products list in woocommerce?如何在woocommerce中为产品列表制作固定列?
【发布时间】:2016-02-11 01:58:36
【问题描述】:

我在使用自定义主题为 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;
}

我该如何解决?

【问题讨论】:

  • 你能链接到你的页面或问题的演示吗?
  • 只需在您的产品盒中添加一些min-height。这样它们的初始高度都相同。
  • 我也有同样的问题,你解决了吗?
  • @manojKumar 请查看this link...

标签: css wordpress woocommerce wordpress-theming


【解决方案1】:

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

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

风格

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

【讨论】:

    猜你喜欢
    • 2020-11-17
    • 2021-03-26
    • 2018-05-10
    • 1970-01-01
    • 2019-07-02
    • 2017-12-29
    • 2021-07-11
    • 2019-06-28
    • 2021-06-26
    相关资源
    最近更新 更多