購物車

購物車內沒有任何商品。

加入 WordPress 學習交流社團

為什麼要加入本社團?好處如下:

  1. 問題解答
  2. 免費教學
  3. 好用工具推薦
  4. 最新資訊
  5. 秘訣分享
  6. 資安通報
  7. 100+參考指引
立即加入
快速、安全及穩定的主機空間能提升網站 SEO 排名與使用者體驗

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

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

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

架設 WooCommerce 購物網站前置作業

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

網域主機佈景主題購物功能
推薦服務/工具CloudflareKinstaBlocksyWooCommerce

如何自動更新 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');
加入 Facebook 社團
瀏覽次數: 290
SEO 服務

不滿意現有網站的流量嗎?網站排名始終無法超越進爭對手?如果你有這些煩惱,歡迎參考本站提供的 SEO 服務。

需要你的支持

如果你在本站有學習到東西,歡迎提供反饋,以便我們確認方向正確。當我們收到資料後,會另外幫你免費宣傳。你的支持是我們繼續創作的動力!

內容檢查清單

如果你想讓網站的內容更具競爭力,除了透過 SEO 外掛輔助外,也建議搭配我們所製作的內容檢查清單,內含 17 個檢查項目及 42 個最佳做法。此外,還會教你如何將檢查清單新增至 WordPress 網站上。

你正在尋找適合 WooCoomerce 購物網站的主機嗎?

歡迎參考我們所提供的 Kinsta 高效能主機,不僅速度極快,也很安全及穩定,非常適合 WooCoomerce 購物網站。

全方位學 Wordpress – 從架站到整合行銷 2.0
  • 講者 24 小時內親自回覆問題,安心有保障
  • 優先推薦免費工具,幫你省荷包
  • 只推自己正在用的付費工具,不會為了傭金讓你繞遠路,真實誠懇
  • 注重效能,畢竟這會影響使用者體驗與 SEO 排名
  • 數 10 種學習資料,非常豐富
  • N 個獨家資源
  • 定期分享最新資訊
  • 300+參考指引
  • 內容 & 範本資料庫 (獨創)
  • AI 驅動,有效提高工作效率
喜歡請分享!
wei
wei

協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。

開啟目錄