Woocommerce 自動更新購物車

此文章已於 2024-09-25 更新

有用Woocommerce的都知道，在購物車頁面如果要更改商品數量，在改完數量後，還必須按下「更新購物車」才會真的更新，但老實說，這樣的購物體驗不太好，也有外掛專門針對這反人類設計做改善，但其實不用外掛就可以直接解決了，參考下面的code，看是要用外掛 Code Snippet加入，或者直接加在functions.php 都可以，大家快試試看吧！

更新程式碼：偵測訪客輸入數量即使更新，時間為0.5秒，可依照需求增加時間

//Woocommerce 自動更新購物車
add_action('template_redirect', 'custom_cart_js_script');
function custom_cart_js_script() {
    if ( ! is_cart() ) return;
    wc_enqueue_js( "var timeout; 
    $(document.body).on('change input', 'input.qty', function(){
        if ( timeout !== undefined ) clearTimeout( timeout );
        timeout = setTimeout(function() {
            $('[name=update_cart]').trigger('click'); // 更新購物車的時間
        }, 500 );
    });" );
}