如何在WooCommerce产品页面为数字产品展示专属提示信息
WooCommerce数字产品专属提示实现方案
直接通过子主题的functions.php添加代码即可实现,无需修改模板文件,具体操作如下:
操作步骤
- 进入WordPress后台,找到「外观」>「主题文件编辑器」,选择你的子主题(如果没有子主题,建议先创建,避免主题更新丢失代码),打开
functions.php文件;或者通过FTP工具访问网站服务器,找到/wp-content/themes/你的子主题/路径下的functions.php。 - 将以下代码粘贴到
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
相关产品推荐
相关产品推荐

