如何使用WooCommerce更改每行产品类别的数量

Question

我正在使用Woocommerce设置在初始商店页面上显示类别缩略图，然后在其中显示产品及其缩略图。

我希望该初始类别页面每行显示3个缩略图，而产品页面希望每行显示5个类别。

要显示我已使用的每行5个产品：

add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
    function loop_columns() {
    return 5;
    }
}

这将同时更改类别页面和商店页面上的每行缩略图。

有人知道如何将类别页面更改为每行3个缩略图，并在商店页面上每行维护5种产品吗？

Answer 1

使用WooCommerce conditionals tags，将帮助您实现这一目标。我已经更改了您的代码：

add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
    function loop_columns() {
        if ( is_product_category() ) {
            return 3;
        } else { // for other archive pages and shop page
            return 5;
        }
    }
}

此代码在您的活动子主题或主题的function.php文件中进行

Advice：有时，有必要更改某些CSS规则，以使每行显示正确。

WooCommerce条件标签的用法：

定位到商店页面存档：

if ( is_shop() ) {
    // return the number of items by row
}

定位到产品标签存档：

if ( is_product_tag() ) {
    // return the number of items by row
}

定位到所有产品档案除产品类别档案（添加 ! 开头]：

if ( !is_product_category() ) {
    // return the number of items by row
}

而且您还可以define某些特定的categories或tags （请参阅文档）>]。

---

参考：

• WooCommerce - Change number of products per row
• WooCommerce - Conditionals tags

Answer 2

在我的店面子主题中。接受的答案对我不起作用。我必须将woocommerce / templates / loop / loop-star.php复制到我的子主题子文件夹/ woocommerce / loop /中，并进行如下修改：

Answer 3

[product_categories columns =“ 3”]