如何自動更新 WooCommerce 購物車總金額？(3 種方法)

如果你使用 WooCommerce 架設購物網站，可能會希望當商品數量變更後，能自動更新總金額，因為可以省去手動按下更新購物車按鈕的動作，對於購物體驗來說有極大的幫助。

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

架設 WooCommerce 購物網站前置作業

在開始說明如何自動更新 WooCommerce 購物車總金額前，你需要先租用網域及主機，並安裝佈景主題及 WooCommerce 外掛。

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

自動更新 WooCommerce 購物車總金額的方法主要有三種。

佈景主題內建的設定 (推薦)

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

外掛程式

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

程式碼片段

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

// 自動更新購物車總金額
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');