本篇文章更新時間:2020/01/07
如有資訊過時或語誤之處,歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉!歡迎入群聊聊~
如果本站內容對你有幫助,歡迎使用 BFX Pay 加密貨幣新台幣 贊助支持。


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

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

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

目前功能:

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

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

套用結果如圖: 套用結果

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

Gist: Link

使用方法

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


Share:

作者: Chun

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

文章
Filter
Apply Filters