本篇文章更新時間:2020/01/07
如有資訊過時或語誤之處,歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉!歡迎入群聊聊~
如果本站內容對你有幫助,歡迎使用 BFX Pay 加密貨幣 或 新台幣 贊助支持。
如標題,剛好這件事最近比較常要做,乾脆先整理成 snippet 程式碼片段來用!
主要是結帳資訊簡化與最佳化輸入地址和郵遞區號的部分。這塊透過自訂也比使用外掛來管理結帳欄位來的準確以及有效
測試調整欄位的外掛在某些主題下都會有方法權重問題,也是因為不夠準確才會寫這篇
目前功能:
- 結帳頁(checkout)、登入後台修改地址頁(my-account)都同步欄位修正
- 地址部分採用下拉選單選取地址並自動產生郵遞區號方便填寫(此功能引用並感謝 essoduke 大的 jQuery-TWzipcode專案)
目前更新支援到WooCommerce 3.3 版,2.6 版本的請前往這裡。
套用結果如圖:
其中地址連動功能:
Gist: Link
使用方法
- 先將這檔案「jquery.twzipcode.min.js」右鍵另存新檔,並上傳於當前使用主題目錄
js
下(如果沒有就建立,建議使用子主題) - 再將下列 snippet 程式碼片段複製貼上
functions.php
末端,完成!(注意,不要複製到第一行< ?php
。)