Woocommerce 購物車教學 – 變更商品數量時自動更新總計金額

Woocommerce 購物車教學 內容綱要:

1. 加入程式碼變更商品數量時自動更新總計金額

Woocommerce 購物車教學 –  Woocommerce 購物車預設的操作方式中,如果增加或減少商品數量,必須要點選更新購物車按鈕才會重新計算商品總計金額,雖然只是多了點擊按鈕動作,對使用者而言卻是讓結帳流程變得複雜,在現今電商網站競爭激烈的狀態下,我們更希望的是提供一個自動化的操作流程,提供更好的網站購物體驗,因此在本篇教學中,將分享一個簡單的 jQuery 函數,讓購物車中的商品數量變更時會同步更新總計金額。

Woocommerce Action and Filter Hook Reference:https://docs.woocommerce.com/wc-apidocs/hook-docs.html

• 變更商品數量時自動更新總計金額

第一步:購物車預設的操作是變更數量後需要更新購物車。

Woocommerce 購物車教學

第二步:在主題編輯器中的 function.php 加入以下函數,設定在 woocommerce_after_cart hook 的位置觸發。

 

Woocommerce 購物車教學

第三步:加入完成後只要變更商品數量就會重新計算總計金額。

Woocommerce 購物車教學

 

結語:

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

WooCommerce 客製相關教學文章:

WooCommerce 商品描述標題修改,加入函數快速變更描述區域標題文字

WooCommerce 帳戶設定 – 加入函數讓使用者登出後導向指定頁面

WooCommerce 結帳設定 – 加入函數限制訂單結帳最低購買金額

WooCommerce 購物車設定 – 符合訂單金額加入其它商品至購物車

WooCommerce 加入購物車功能 – 使用函數自訂按鈕文字內容

WooCommerce 關閉密碼強度 – WordPress 加入函數與啟用外掛

網站架設知識推薦閱讀:

Astra 2.0 更新,超過 40 萬網站架設的 WordPress 主題推薦!

Elementor 網頁編輯器 突破 300 萬下載次數,最受歡迎的外掛!

Google FAQ 結構化資料啟用,讓問與答在搜尋結果中直接呈現

鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top