Woocommerce - 将每行的单个产品更改为多个（移动响应）

Question

我正在尝试让 woocommerce 在屏幕尺寸小于 480 像素时在一行中显示 2 或 3 个（我想测试这两个，因为我不确定哪个最适合）产品而不是默认的 1 （移动）。

目前的样子； http://prnt.sc/e0m1l7

网站：http://historicmotorsporttransmissions.com/shop/

我一直在寻找一个插件来提供帮助，但我认为 css 可以完成这项工作。周围的所有代码 sn-ps 似乎都基于某个主题，只是无法让它们工作。

有人可以帮忙吗？ 非常感谢-刘易斯

Answer 1

一个选项是在你的 CSS 中尝试这个：

@media all and (max-width: 480px){
  .woocommerce .products li.product {
      width: 50% !important;
  }
}

如果您想显示 3，请更改为 33.33%。