如何在WooCommerce商店页分类标题后显示对应产品数量

实现效果：在每个商品分类的标题后方，直接展示该分类下对应的已发布产品总数量，匹配需求参考效果。

方法一：代码添加（无插件，推荐） #

操作步骤：

• 提前备份当前启用主题的functions.php文件，避免代码语法错误导致站点访问异常
• 进入WordPress后台，打开「外观」-「主题文件编辑器」，右侧选中当前在用的WooCommerce兼容主题，找到主题函数文件functions.php
• 将下方代码粘贴到文件末尾，点击「更新文件」保存即可生效

// 产品分类标题后追加产品数量
add_filter( 'get_the_archive_title', 'woo_append_cat_product_count', 15 );
function woo_append_cat_product_count( $title ) {
    // 仅在WooCommerce产品分类归档页生效
    if ( is_product_category() ) {
        $current_term = get_queried_object();
        // 获取分类下的已发布产品统计数
        $count = $current_term->count;
        // 拼接标题与数量，可自行修改括号、文案内容
        $title = sprintf(
            '%s <span class="woo-cat-count">（共 %d 件商品）</span>',
            single_term_title( '', false ),
            $count
        );
    }
    return $title;
}

如果需要调整数量显示的字号、颜色、间距，可以把下面的自定义CSS粘贴到「外观」-「自定义」-「额外CSS」中，按需修改参数即可：

.woo-cat-count {
    color: #888;
    font-size: 0.85em;
    font-weight: normal;
    margin-left: 6px;
}

方法二：可视化编辑器搭建场景适配 #

如果你的商店页是用Elementor、WPBakery这类页面编辑器搭建的，不需要写代码：

• 进入商店页编辑界面，选中分类标题组件
• 标题数据源选择动态调用的产品分类项，在设置项中找到「显示产品计数」开关并开启
• 直接拖拽调整计数模块和标题的相对位置、样式即可

常见问题处理 #

• 显示的产品数量和实际商品数不符：进入WordPress后台「工具」-「站点健康」-「工具」，找到WooCommerce自带的「产品计数重置」功能运行，重新统计全店产品归属即可
• 不需要统计子分类下的产品到父分类数量中：把方法一代码里的$count = $current_term->count;替换为下面的自定义统计代码即可

// 仅统计当前分类直属商品，排除子分类商品
$count_args = array(
    'post_type' => 'product',
    'post_status' => 'publish',
    'posts_per_page' => -1,
    'tax_query' => array(
        array(
            'taxonomy' => 'product_cat',
            'field' => 'id',
            'terms' => $current_term->term_id,
            'include_children' => false
        )
    ),
    'fields' => 'ids'
);
$count_query = get_posts($count_args);
$count = count($count_query);

内容的提问来源于stack exchange，提问作者MRM IT Network