WooCommerce 产品变体最大购买量限制及提示消息设置方法
WooCommerce单品页最大购买量提示实现方案
你现有代码已经完成了可变产品的单变体最大购买数限制,要在数量选择区域加提示,直接用WooCommerce官方提供的挂载钩子输出即可,无需修改模板文件,支持自由选择提示显示位置。
具体实现代码
根据你想要的提示位置,把对应代码添加到当前主题的functions.php文件,或者站点使用的代码片段插件中即可,和你之前写的数量限制代码放在同位置也能正常运行。
- 提示显示在数量选择框上方:
// 数量选择框上方输出最大购买量提示 add_action( 'woocommerce_before_add_to_cart_quantity', 'woo_render_max_qty_tip' ); function woo_render_max_qty_tip() { echo '<div class="woo-max-qty-notice" style="margin: 8px 0; font-size: 14px; color: #646970;">*每位客户最多可购买3件</div>'; }
- 提示显示在数量选择框下方:
把上述代码里的钩子名替换为woocommerce_after_add_to_cart_quantity即可,其他部分不用改动。
自定义调整说明
- 代码里style属性内的样式可以自行修改,匹配你站点的现有设计风格,比如调整文字颜色、字号、上下间距都可以直接改对应CSS值
- 如果后续你调整了最大购买数量的限制值,记得同步修改提示文本里的数字,保证提示和实际购买规则一致
- 如果需要给不同产品设置不同的提示内容,可以在函数里加产品ID判断逻辑,按需输出对应提示即可
注:该提示会同时对简单产品、可变产品生效,和你之前写的可变产品数量限制逻辑完全兼容,不会产生冲突。
内容的提问来源于stack exchange,提问作者go-diego-go
相关产品推荐
相关产品推荐

