WooCommerce中的产品彼此之间距离太近

Question

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

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

enter image description here

Answer 1

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

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

我认为它将为您服务

Answer 2

不查看代码就很难找到导致问题的原因。但是WooCommerce产品通常使用“ li.product”类列出。在样式表中添加以下代码可以帮助您调整产品的利润率。

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

如果这样不起作用，请尝试以下操作：

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

让我知道这是否有帮助。