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

如何在WooCommerce单品页面的分类与标签下方添加全局文本

在WooCommerce单品页分类标签下方添加全局文本的实现方法

嘿,这个需求其实很好解决,推荐优先用钩子函数的方式来实现——不用修改主题核心文件,安全还不怕主题更新丢失改动,我自己做项目时经常用这个方案!

方法一:通过子主题的functions.php添加代码

这是最推荐的方式,步骤如下:

  1. 登录你的WordPress后台,进入「外观」→「主题文件编辑器」
  2. 在右侧文件列表中找到并打开子主题的 functions.php 文件(一定要用子主题,别直接改父主题!)
  3. 在文件末尾添加以下代码:
// 在WooCommerce单品页分类标签下方添加全局文本
add_action( 'woocommerce_product_meta_end', 'add_global_text_after_product_meta' );
function add_global_text_after_product_meta() {
    // 这里替换成你想要显示的文本,支持HTML标签
    echo '<div class="custom-product-text" style="margin-top:20px; padding:10px; background:#f5f5f5;">
            <p>这是我要添加的全局文本,你可以自定义样式和内容哦!</p>
          </div>';
}
  1. 点击「更新文件」保存即可。

这段代码利用了WooCommerce内置的woocommerce_product_meta_end钩子,它正好触发在产品分类、标签区域的末尾,完美契合你的需求。你可以根据自己的需求修改echo里的内容,比如调整样式、添加链接或者其他HTML元素。

方法二:修改WooCommerce模板文件(适合需要深度定制的场景)

如果你需要对这个区域做更复杂的定制,可以通过模板重载的方式实现:

  1. 在你的子主题目录下新建一个 woocommerce/single-product 文件夹
  2. 找到你当前使用的WooCommerce插件目录下的 templates/single-product/meta.php 文件
  3. 将这个meta.php文件复制到你刚才新建的子主题文件夹中
  4. 打开子主题里的meta.php文件,在文件的最末尾添加你想要的文本内容,比如:
<div class="custom-product-text">
    <p>这是通过模板修改添加的全局文本</p>
</div>
  1. 保存文件即可生效。

⚠️ 注意:这种方法需要留意WooCommerce的版本更新,如果插件更新后meta.php模板有变动,你可能需要同步更新子主题里的模板文件。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.09 07:17:46