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

如何在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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.23 07:18:22