Woocommerce - product-archive.php 和 taxonomy-product_cat.php 的不同产品行设置

Question

我正在尝试做的事情

我的目标是在 archive-product.php 上每行显示的产品数量与 taxonomy-product_cat.php 不同。

到目前为止我做了什么

我按原样使用archive-product.php，在我需要的地方挂接并显示类别拇指，使用下面的过滤器每行5个。

function jm_loop_columns() {
    return 5; // 5 products per row
}
add_filter( 'storefront_loop_columns', 'jm_loop_columns', 999 ); 

我已将 taxonomy-product_cat.php 复制到我的子主题中，因为此页面涉及更多样式和布局，这里我想每行仅显示 3 个产品。

选项

我可以使用 nth-child 选择器来实现相同的效果，但我宁愿避免仅使用 CSS 来实现。

根据页面模板应用具有不同设置的上述过滤器的最佳方法是什么？在 archive-product.php 中返回 5，在 taxonomy-product_cat.php 中返回 3

我正在考虑的许多想法之一是使用 is_page 或 is_page_template 编写一个条件函数来为每个模板加载不同的过滤器设置。

有人推荐这个方向吗？

Answer 1

使用conditional tags 怎么样？如果您在 product_cat 分类页面上，则将列数设置为 3。否则，让它保持在 5。

function jm_loop_columns( $columns ) {
    if ( is_tax( 'product_cat' ) ){
        $columns = 3;
    } else {
        $columns = 5;
    }
    return $columns;
}
add_filter( 'storefront_loop_columns', 'jm_loop_columns', 999 ); 

这将使您在适当的位置获得第一个和最后一个类，但您可能仍需要一些 CSS 来更改宽度。