這需求真的幾乎可以說是每次進行客製化過程一定會遇到的開發技巧！！ 比方說最基本的從顧客下單填寫的郵遞區號來判斷是台灣離島還是本島，用來計算運費。 又或是有條件的（比方說客戶消費等級）來開放某些金物流選項等。 過去有寫過不少這樣案例的筆記： [WooCommerce] 程式化處理購物車運費折扣 – 滿 …
標籤彙整: 結帳頁面
[WooCommerce] 程式開發顧客結帳互動時會使用到的方法
顧客、消費者在 WooCommerce 結帳的時候其實有很多客製化的機會。像是之前筆記過的可以參考 WooCommerce 標籤。 互動這件事分主動與被動，主動是指顧客點擊畫面上的物件，預期會有怎樣的反應發生，而被動就是操作的過程中，系統因為條件滿足而觸發一些反應。 通常被動的部分就能讓顧客感受加分 …
[WooCommerce] 結帳前要求使用者先登入或是註冊的方法
WooCommerce 後台有設定（「允許客戶免帳號下訂單」）可以決定下單是否需要註冊登入帳號，使用者體驗彈性設計下，預設有兩個地方可以登入註冊，一個是「/my-account/」另個是「/checkout/」。 根據業主的需求及其背後的原因都不同，有人是分析行為用途，有人是希望快速結帳，所以沒有絕 …
[WooCommerce] 結帳頁面先選擇運送方式的做法
其實這需求也不是第一次碰到人問，就是有人會想要把「購物車（Cart）」頁面給拔除，整合到結帳頁面來縮短結帳流程。 示意圖如下，就是先選擇運送方式後，再來輸入對應需要的欄位。一個頁面搞定購買商品預覽和結帳。 WooCommerce 的做法就是把功能搬過來結帳頁面用，程式碼片段如下： function …
[WooCommerce] 運送方法項目的排序控制（依照運費、指定順序）
WooCommerce 預設的運送方式順序可以從 WooCommerce->設定->運送方式 中的各個區域下 運送方式 裡的實際指定運送方式去調整順序。如下圖： 透過拖曳項目可以完成上下排序，這個排序可能會影響邏輯判斷的先後。對應前端的地方如下圖： 然後，總是會有神奇的時候需要去程式化改 …
[WooCommerce] 片段（fragments）互動程式設計要點
WordPress 中的商店組合外掛 WooCommerce ，預設安裝好就有一個公版架構，大部分流程其實沒有什麼問題，結帳（Checkout）頁欄位想要調整成台灣常見的表單欄位（含郵遞區號自動選擇）可以參考之前寫過的 文章。 本篇文章針對進階的互動程式多一點筆記。而既然提到互動程式設計，就會是 A …