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

bfhwhh0e  于 2023-11-17  发布在  WordPress
关注(0)|答案(3)|浏览(115)

我使用Woocommerce设置在初始商店页面上显示类别缩略图,然后在其中显示产品及其缩略图。
我想有一个初始类别页面显示每行3个缩略图和产品页面显示每行5个类别。
为了显示每行5个产品,我使用了:

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

字符串
这会改变类别页面和商店页面上每行的缩略图。
有没有人知道我如何可以改变类别页面每行3个缩略图,并保持在商店页面每行5个产品?

yzuktlbb

yzuktlbb1#

使用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文件中 *
    **建议:**有时候,有必要更改一些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
}


您还可以定义某些特定的类别或**标签 (请参阅相关文档)
参考文献:

yqlxgs2m

yqlxgs2m2#

在我的店面儿童主题.接受的答案不为我工作.我不得不复制wooCommerce/templates/loop/loop-star.php到我的子主题子文件夹/woocommerce/loop/并修改它像这样:

if ( ! defined( 'ABSPATH' ) ) {
    exit;
}

// FMP20181126 - Categories are SubCategories set # of columns.
$display_type = woocommerce_get_loop_display_mode();
if ( 'subcategories' === $display_type || 'both' === $display_type ) {
        wc_set_loop_prop( 'columns', 3 );
}   

?>

<ul class="products columns-<?php echo esc_attr( wc_get_loop_prop( 'columns' ) ); ?>">

字符串

ruoxqz4g

ruoxqz4g3#

请使用此代码:

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

字符串

相关问题