无法每行显示8个产品

Question

我正在尝试将 WooCommerce 商店中每行显示的产品数量增加到 8 个或全宽页面中大于 6 个的产品数量，但我遇到了持续存在的布局问题。我正在使用 Astra 主题，但切换到 blocksy 主题以查看问题是否与 Astra 主题有关，但似乎每次我尝试增加列数时，设计都会开始中断。默认情况下，大多数主题每行最多仅支持 6 个产品。

以下是我的问题的详细信息以及我迄今为止所尝试的内容：

我将以下代码片段添加到我的子主题的functions.php文件中：

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

当这生效时，布局就完全被破坏了。它通常默认为每行 1 个产品或扭曲的网格，而不是每行显示 8 个产品。

2. 我还尝试过使用简码直接设置列，例如：

[products columns="8"]

但是，布局并未按预期进行调整，默认为每行 4 个产品。

我尝试了一些自定义CSS来覆盖它，但布局仍然损坏。

3. 我已切换到默认的 Storefront 主题进行测试，但问题仍然存在。

我认为 woo commerce 对产品视图有最大列限制，但如果需要的话应该可以覆盖它，但我似乎找不到正确的解决方案。从我看来，这也不是插件冲突，因为我目前安装的唯一插件是 blocksy 伴侣（blocksy 主题推荐）、woo commerce、woo commerce 的变体样本和 elementor。我还安装了 wpcode，但我还没有向其中添加任何片段，因为到目前为止我正在使用 blocksy 子主题来添加 php 片段和 css 样式。

Answer 1

要更改 WooCommerce 中每行的产品数量，您应该打开管理仪表板 (

/wp-admin

)，将鼠标悬停在左侧的

Appearance

菜单项上，然后单击

Customize

。然后单击

WooCommerce

>

Product Catalog

并将

Products Per Row

输入设置为 8。