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

如何在WooCommerce产品页面为数字产品展示专属提示信息

WooCommerce数字产品专属提示实现方案

直接通过子主题的functions.php添加代码即可实现,无需修改模板文件,具体操作如下:

操作步骤

  1. 进入WordPress后台,找到「外观」>「主题文件编辑器」,选择你的子主题(如果没有子主题,建议先创建,避免主题更新丢失代码),打开functions.php文件;或者通过FTP工具访问网站服务器,找到/wp-content/themes/你的子主题/路径下的functions.php。
  2. 将以下代码粘贴到functions.php文件的末尾:
// 为可下载数字产品添加专属提示
function add_digital_product_notice() {
    global $product;
    
    // 判断当前产品是否为可下载类型
    if ( $product && $product->is_downloadable() ) {
        ?>
        <div class="digital-product-notice" style="padding: 15px; background: #f0f8ff; border-left: 4px solid #2196f3; margin: 20px 0;">
            <strong>此为数字产品,适用不同政策:</strong>
            <p>购买后可立即下载,不支持退换,请确认需求后下单。</p>
        </div>
        <?php
    }
}
// 将提示挂载到加入购物车按钮上方的位置
add_action( 'woocommerce_before_add_to_cart_form', 'add_digital_product_notice' );

自定义说明

  • 修改提示内容:直接修改代码中<strong>和<p>标签内的文字即可,替换成你需要的提示语。
  • 调整样式:修改style属性里的参数,比如背景色background、边框色border-left、内边距padding等,让提示框和你的网站主题风格匹配。
  • 改变显示位置:替换add_action里的钩子名称,比如:
    • 用woocommerce_single_product_summary会把提示放在产品标题、价格所在的摘要区域
    • 用woocommerce_after_single_product_summary会把提示放在产品描述下方

注意事项

  • 务必使用子主题的functions.php,不要直接修改父主题文件,否则主题更新后代码会被覆盖。
  • 粘贴代码前建议备份functions.php,如果出现语法错误导致网站无法访问,可以通过FTP替换备份文件恢复。
  • 如果你有代码管理插件(比如Code Snippets),也可以用插件添加这段代码,操作更安全。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.07 02:38:21