如何在WooCommerce单个商品页为单独售卖商品添加指定提示文本?
给WooCommerce单独售卖商品添加专属提示文本
Hey there! 要实现这个需求其实很简单,咱们用一段自定义代码就能搞定,既不依赖插件,还能保证主题更新后配置不会丢失。下面是具体的操作步骤:
方法一:全局自动添加(推荐)
这个方法会让所有开启「单独售卖」的商品自动在短描述后显示提示文本,一劳永逸。
步骤1:添加代码
你有两种安全的方式添加代码:
- 方式A:通过主题文件编辑器:登录WordPress后台,进入「外观」→「主题文件编辑器」,找到当前使用主题的
functions.php文件,在文件末尾粘贴以下代码,然后点击「更新文件」。 - 方式B:通过代码片段插件:如果担心改主题文件出错,可以安装并激活「Code Snippets」插件,新建一个代码片段,粘贴下面的代码后点击「激活」即可。
// 在单独售卖商品的短描述后添加提示文本 add_action( 'woocommerce_single_product_summary', 'add_single_purchase_notice_after_short_desc', 25 ); function add_single_purchase_notice_after_short_desc() { global $product; // 检查当前商品是否开启了单独售卖 if ( $product->is_sold_individually() ) { // 输出自定义提示文本,这里可以调整样式 echo '<p class="single-purchase-alert" style="color: #dc3232; font-weight: 600; margin: 15px 0;">You can only buy one piece of this product</p>'; } }
代码说明
woocommerce_single_product_summary是WooCommerce商品详情页的核心钩子,优先级设为25刚好卡在短描述(优先级20)之后、添加购物车按钮(优先级30)之前,完全符合你想要的位置。$product->is_sold_individually()专门用来判断商品是否开启了「单独售卖」选项,只有符合条件的商品才会显示提示。- 我给提示文本加了红色、加粗和上下边距的样式,你可以根据自己的主题风格修改
style里的属性,或者把样式移到主题的自定义CSS里统一管理。
步骤2:验证效果
添加代码后,打开任意一个设置为「单独售卖」的商品详情页,就能看到短描述之后出现了指定的提示文本。如果没显示,检查这两点:
- 商品是否真的开启了「单独售卖」:编辑商品→「库存」选项卡→确认「单独售卖」已勾选
- 代码是否正确添加,有没有语法错误(比如少了分号)
方法二:手动逐个添加(适合非技术用户)
如果你不想碰代码,也可以给每个单独售卖的商品手动添加提示,但这种方式需要逐个设置,比较繁琐:
- 编辑目标商品,找到「短描述」编辑器
- 在短描述内容的末尾粘贴:
<p style="color: #dc3232; font-weight: 600; margin: 15px 0;">You can only buy one piece of this product</p> - 点击「更新」保存商品即可
内容的提问来源于stack exchange,提问作者Walworth Industrial de Vlvulas
相关产品推荐
相关产品推荐

