如何在WooCommerce购物车页面按总额动态隐藏/显示指定按钮

1 修复PHP动态片段代码 #

将以下代码替换你原有代码，放入当前主题functions.php文件或自定义功能插件中：

// 注册购物车动态更新片段
add_filter('woocommerce_add_to_cart_fragments', 'woocommerce_cart_custom_button_fragment');
function woocommerce_cart_custom_button_fragment( $cart_fragments ) {
    global $woocommerce;
    // 获取购物车总金额（数值格式，不含货币符号）
    $cart_total = floatval( $woocommerce->cart->get_total('edit') );
    ob_start();
    // 总金额≥500美元时输出按钮，否则输出空占位
    if ( $cart_total >= 500 ) :
    ?>
    <button id="add_cart_button_style_rg_id" onclick="onclick_pay_button()" class="add_cart_button_style_rg add_to_cart_button_link"></button>
    <?php 
    endif;
    $cart_fragments['.add_to_cart_button_link'] = ob_get_clean();
    return $cart_fragments;
}

原有代码问题说明：

• 错误使用自定义钩子add_to_cart_custom_fragments，WooCommerce官方生效的片段更新钩子为woocommerce_add_to_cart_fragments
• 未加入购物车总金额判断逻辑
• 按钮元素重复定义class属性，存在语法错误

2 添加购物车操作事件监听JS #

将以下JS代码添加到购物车页脚位置，或主题全局自定义JS区域，确保修改购物车数量、删除商品等操作也能同步更新按钮状态：

// 页面初始加载判断
jQuery(document).ready(function($) {
    function toggleCustomButton() {
        // 也可直接配合后端逻辑，监听片段更新后自动渲染，此处增加一层兼容判断
        $.ajax({
            url: wc_cart_params.ajax_url,
            type: 'POST',
            data: {
                action: 'get_cart_total'
            },
            success: function(res) {
                if (parseFloat(res) >= 500) {
                    $('#add_cart_button_style_rg_id').show();
                } else {
                    $('#add_cart_button_style_rg_id').hide();
                }
            }
        })
    }
    // 监听购物车更新、片段刷新事件
    $(document.body).on('updated_cart_totals wc_fragments_refreshed', function() {
        toggleCustomButton();
    });
    // 首次加载执行
    toggleCustomButton();
});

可选：如果仅依赖片段更新无需额外AJAX判断，可直接删除上述JS的AJAX逻辑，仅保留事件监听触发片段刷新即可

3 页面挂载调整 #

将你原有静态写死的按钮代码删除，在原按钮位置添加对应挂载标识即可，片段更新时会自动渲染按钮。

内容的提问来源于stack exchange，提问作者Pranavmtn