如何在WooCommerce侧边购物车添加自定义最低订单金额提示?
解决WooCommerce侧边购物车显示最低订单金额提示的问题
原代码问题分析
你之前的代码未生效,核心原因是语法错误:输出语句中嵌套的单引号未正确处理,导致PHP解析失败。另外,钩子优先级设置为20可能会让提示被其他内容覆盖。
正确实现方案
1. 修正PHP代码
将以下代码添加到主题的functions.php文件,或使用代码片段插件(如Code Snippets)插入:
// 在侧边购物车容器顶部显示最低订单金额提示 add_action( 'woocommerce_before_widget_shopping_cart', 'display_min_order_amount_sidebar_cart', 5 ); function display_min_order_amount_sidebar_cart() { // 自定义提示文本,使用双引号避免语法冲突 echo '<p class="min-order-warning">Minsta beställning 300 kr för Sverige och 1000 kr för övriga länder.</p>'; }
- 这里使用
woocommerce_before_widget_shopping_cart钩子,确保提示出现在侧边购物车容器的最顶部; - 优先级设为5,保证提示优先加载,不会被其他内容遮挡。
如果需要将提示放在结算按钮上方,可替换钩子为woocommerce_widget_shopping_cart_before_buttons:
add_action( 'woocommerce_widget_shopping_cart_before_buttons', 'display_min_order_amount_sidebar_cart', 10 ); function display_min_order_amount_sidebar_cart() { echo '<p class="min-order-warning">Minsta beställning 300 kr för Sverige och 1000 kr för övriga länder.</p>'; }
2. 添加醒目样式
为了让提示更显眼,将以下CSS代码添加到外观 → 自定义 → 额外CSS中:
.min-order-warning { background-color: #ffd54f; /* 亮黄色背景,适配站点风格 */ color: #212121; padding: 12px 15px; border-radius: 4px; margin: 0 0 18px 0; font-weight: 600; text-align: center; border-left: 4px solid #f57c00; /* 左侧橙色强调条 */ }
你可以根据站点配色调整background-color、color等参数,确保提示与页面风格协调且醒目。
验证效果
添加代码后,点击页面顶部的购物车小部件,侧边购物车中即可看到设置的最低订单金额提示。
内容的提问来源于stack exchange,提问作者Sofia Hjärtberg Zintio
相关产品推荐
相关产品推荐

