如何自動更新 WooCommerce 購物車的總金額？

如何自動更新 WooCommerce 購物車的總金額？這是新手架設 WordPress 網站時經常會遇到的問題。購物網站如果能讓顧客在變更商品數量後，會自動更新總金額，就可以省去手動按下 [更新購物車] 按鈕的動作，對於購物體驗來說有極大的幫助。

那麼要如何新增這項功能？本篇文章會分享 3 種常見的做法讓你參考，從佈景主題內建的設定、外掛程式到程式碼片段。

方法一：佈景主題內建的設定 (推薦)

以 Astra 佈景主題為例，這項功能需要安裝 Astra Pro 才能實現。設定位置在外觀自訂器上，前往 [Woocommerce]→[購物車]→[一般] 後，啟用 [即時數量更新器] 即可。

方法二：外掛程式

如果你的佈景主題沒有內建自動更新 WooCommerce 購物車的總金額的功能，那麼可以考慮安裝 Ajax Cart AutoUpdate for WooCommerce 這款免費的外掛。不過開發者已有 2 年多沒有更新，使用前需要三思。

方法三：程式碼片段

最後一種方法是透過程式碼片段處理，建議使用 WPcode 外掛新增。當你新增好程式碼片段後，也能達到自動更新購物車總金額的效果。

//自動更新購物車總金額
function auto_update_cart_qty() {
  ?>
    <script>
        jQuery('div.woocommerce').on('change', '.qty', function(){
           jQuery("[name='update_cart']").removeAttr('disabled');
           jQuery("[name='update_cart']").trigger("click");
        });
   </script>
<?php
}
add_action('woocommerce_after_cart', 'auto_update_cart_qty');

歡迎加入 Facebook 社團交流討論