WooCommerce 中的产品彼此过于接近

【问题标题】：Products in WooCommerce too close to each otherWooCommerce 中的产品彼此过于接近
【发布时间】：2018-12-21 21:25:39
【问题描述】：

我正在使用带有 Virtue 主题的 WooCommerce。在过去的几个月里，我一直在使用 Polylang 翻译，并且最近才更新到 WPLM。我不知道是什么原因造成的，但是产品突然变得太靠近了，它们甚至与页面底部的页码重叠。我看了Products are too close in wooCommerce with 2013 WordPress theme 但这对我没有帮助。

有人知道如何解决这个问题吗？

enter image description here

【问题讨论】：

标签： wordpress woocommerce

【解决方案1】：

您可以将每行的数量或产品更改为 3。使用此代码

add_filter('loop_shop_columns', 'loop_columns'); if (!function_exists('loop_columns')) {
function loop_columns() {
    return 3; // 3 products per row
} }

我认为它对你有用

【讨论】：

【解决方案2】：

如果不查看代码，很难找到导致问题的原因。但是 WooCommerce 产品通常使用“li.product”类列出。将以下代码添加到样式表可以帮助您调整产品的边距。

li.product {
    margin-right: 2em;
}

如果这不起作用，试试这个：

li.product {
    margin-right: 2em!iimportant;
}

如果这有帮助，请告诉我。

【讨论】：