Woocommerce 产品列/行损坏答案

【问题标题】：Woocommerce product columns/rows brokenWoocommerce 产品列/行损坏
【发布时间】：2021-07-14 16:45:14
【问题描述】：

我正在开发一个 wordpress woocommerce 网站，但由于某种原因，产品列表已损坏。我尝试了不同的插件，甚至 css，但似乎无法解决这个定位问题。它似乎在最后一页上工作（我不确定这是否是因为列表在最后一页上有 1 行）

http://image.prntscr.com/image/83ab691cd2c24cf7bca34ef8f1a69847.png

此页面底部出现问题； http://mycompany.com/shop

谁能帮我解决一下？我没主意了。谢谢

【问题讨论】：

请分享一些代码
请添加相关代码。
你需要看什么代码？
@LBlakemore 你能分享你的链接吗？
此页面底部出现问题； historicmotorsporttransmissions.com/shop

标签： html css wordpress woocommerce

【解决方案1】：

您可以通过在活动主题的functions.php 中添加以下代码来更改 woocommerce 中每页显示的产品数量。

// Display 8 products per page. Goes in functions.php
add_filter( 'loop_shop_per_page', create_function( '$cols', 'return 8;' ), 20 );

如果您想在 woocommerce 中更改每行的产品数量，请使用以下代码。

// Change number or products per row to 5
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
    function loop_columns() {
        return 5; // 5 products per row
    }
}

【讨论】：

我不确定这是否能解决我上面详述的问题，它只会改变显示的产品总量，而不影响列/行定位错误。但我会尝试看看它是否能解决任何问题，谢谢。
@LBlakemore 你有没有在你的functions.php 中添加上面的代码？

【解决方案2】：

只是给一个2c，我遇到了同样的问题，花了大约2个小时才找到原因。更改标题填充为我解决了这个问题。尝试了上述方法，但没有任何效果。因此，以防万一，有人遇到这种情况，请尝试更改产品填充。每个主题可能不同，但这为我解决了可怕的差距。

.woocommerce .products .product h3, .woocommerce .products .product h2 {
    padding: 0px 0;
}

【讨论】：