如標題,剛好這件事最近比較常要做,乾脆先整理成 snippet 程式碼片段來用!

主要是結帳資訊簡化與優化輸入地址和郵遞區號的部分。這塊透過自訂也比使用外掛來管理結帳欄位來的準確以及有效

測試調整欄位的外掛在某些主題下都會有方法權重問題,也是因為不夠準確才會寫這篇

目前功能:

  1. 結帳頁(checkout)、登入後台修改地址頁(my-account)都同步欄位修正
  2. 地址部分採用下拉選單選取地址並自動產生郵遞區號方便填寫(此功能引用並感謝 essoduke 大的 jQuery-TWzipcode專案)

目前更新支援到WooCommerce 3.3 版,2.6 版本的請前往這裡

套用結果如圖: 套用結果

其中地址連動功能: 郵遞區號連動功能

使用方法

  1. 先將這檔案「jquery.twzipcode.min.js」右鍵另存新檔,並上傳於當前使用主題目錄 js 下(如果沒有就建立,建議使用子主題)
  2. 再將下列 snippet 程式碼片段複製貼上 functions.php 末端,完成!(注意,不要複製到第一行 < ?php 。)

Facebook 外掛功能


Share:

作者: Chun

資訊愛好人士。主張「人人都該為了偷懶而進步」。期許自己成為斜槓到變進度條 100% 的年輕人。[//////////____30%_________]