WooCommerce购物车动态数量提示消息Ajax更新后不显示问题求助

问题的核心原因很明确：WooCommerce通过Ajax更新购物车时，会完全替换购物车表格的内容，你之前通过jQuery插入的提示行被一并清除了。所以我们需要在Ajax更新完成后，重新执行提示插入的逻辑。

WooCommerce内置了专门的JS事件updated_cart_totals，这个事件会在购物车Ajax操作（比如修改商品数量、更新总额）完成后触发，正好可以用来重新加载提示消息。

下面是修改后的完整可运行代码：

add_action( 'wp_footer', 'bbloomer_cart_item_quantity_based_notice', 9999 );
function bbloomer_cart_item_quantity_based_notice(){
    if ( ! is_cart() ) return;
    if ( WC()->cart->is_empty() ) return;
?>
<script type="text/javascript">
// 把插入提示的逻辑封装成可复用函数
function insertQuantityNotices() {
    // 先移除已有的提示行，避免重复插入
    $('.cart-quantity-notice-row').remove();
    
    // 遍历每个购物项，动态判断并插入提示
    $('.woocommerce-cart-form__cart-item').each(function(index) {
        var $itemRow = $(this);
        var currentQty = parseInt($itemRow.find('.qty').val());
        
        // 根据数量定义对应提示，可自行扩展规则
        let noticeContent = '';
        if (currentQty === 2) {
            noticeContent = 'custom message';
        }
        // 示例：添加更多数量规则
        // else if (currentQty >= 3) {
        //     noticeContent = 'You get a discount for 3+ items!';
        // }
        
        if (noticeContent) {
            // 创建提示行并插入到当前购物项上方
            var noticeRow = $('<tr class="cart-quantity-notice-row"><td colspan="6">' + noticeContent + '</td></tr>');
            noticeRow.insertBefore($itemRow);
        }
    });
}

// 页面首次加载时执行一次
jQuery(document).ready(function($){
    insertQuantityNotices();
    
    // 监听购物车Ajax更新完成事件，重新渲染提示
    $(document.body).on('updated_cart_totals', function() {
        insertQuantityNotices();
    });
});
</script>
<?php
}

代码细节说明： #

1. 可复用函数封装：把提示插入逻辑单独做成函数，既可以在页面初始化时调用，也能在Ajax更新后重复执行。
2. 避免重复插入：每次执行前先移除旧的提示行，防止多次Ajax操作后页面出现重复提示。
3. 动态读取数量：不再依赖页面加载时生成的静态数据，而是直接从购物项的数量输入框读取最新值，确保Ajax更新后能获取实时数量。
4. 利用官方事件：updated_cart_totals是WooCommerce官方提供的事件，比自己监听通用Ajax事件更精准，不会和其他Ajax操作冲突。

进阶优化建议（如果需要PHP控制提示内容）： #

如果你的提示需要根据商品属性、库存等PHP端数据生成，可以给每个购物项添加隐藏的data属性，比如：

// 在购物项名称钩子中注入提示数据
add_action('woocommerce_cart_item_name', 'add_cart_item_notice_meta', 10, 3);
function add_cart_item_notice_meta($itemName, $cartItem, $cartItemKey) {
    $customNotice = '';
    if ($cartItem['quantity'] === 2) {
        $customNotice = 'Special offer for 2 units of ' . $cartItem['data']->get_title();
    }
    // 添加隐藏元素存储提示内容
    return $itemName . '<span class="hidden-notice" style="display:none;" data-notice="' . esc_attr($customNotice) . '"></span>';
}

然后在JS函数中读取这个属性：var noticeContent = $itemRow.find('.hidden-notice').data('notice');，这样提示内容可以完全由PHP逻辑控制，灵活性更高。

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