You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为WooCommerce商品分类单独添加后置文章?求插件/代码方案

在WooCommerce分类页产品列表后添加单独长文章的实现方案

插件实现途径

  • WooCommerce Category Description Extended:扩展WooCommerce默认分类描述功能,支持富文本长内容。激活后,在商品分类编辑页(产品 > 商品分类)会出现扩展编辑框,撰写长文章后,在插件设置中将显示位置设为「产品列表之后」即可。
  • Custom Category Pages for WooCommerce:支持为每个分类创建独立自定义内容,可视化编辑。编辑分类时在插件专属区域添加长文章,设置内容显示在产品列表下方。

代码实现途径

如果插件无法满足需求,可通过代码自定义实现,以下两种方法稳定可靠:

方法1:自定义字段+钩子输出

  1. 安装激活Advanced Custom Fields(ACF)插件,创建一个「文本编辑器」类型的字段组,规则设置为仅在「商品分类」页面显示,字段名设为category_long_content。
  2. 在主题(建议用子主题)的functions.php中添加代码:
    add_action('woocommerce_after_shop_loop', 'display_category_long_content');
    function display_category_long_content() {
        if (!is_product_category()) return;
        
        $current_category = get_queried_object();
        $long_content = get_field('category_long_content', $current_category);
        
        if (!empty($long_content)) {
            echo '<div class="category-long-article">' . $long_content . '</div>';
        }
    }
    
    代码会在产品列表结束后读取自定义字段内容并输出,可通过category-long-article类添加CSS样式美化。

方法2:修改分类模板文件

  1. 复制主题目录下woocommerce/archive-product.php到子主题对应目录(避免主题更新覆盖修改)。
  2. 在文件中找到do_action('woocommerce_after_shop_loop');,在其后方添加代码:
    if (is_product_category()) {
        $current_category = get_queried_object();
        $long_content = get_field('category_long_content', $current_category);
        // 若未使用ACF,可替换为默认分类描述:$long_content = term_description($current_category->term_id, 'product_cat');
        
        if (!empty($long_content)) {
            echo '<div class="category-long-article">' . $long_content . '</div>';
        }
    }
    
    保存后刷新分类页,即可看到产品列表后的长文章。

内容的提问来源于stack exchange,提问作者Home

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.27 22:12:14