修改結帳流程為優先填寫收件人資訊

修改程式碼檔案，將結帳流程預設的「購買人優先」調整為「收件人優先」，以優化跨境電商的填單體驗。

| 一般版型 / 拖拉版型

結帳頁優先填寫收件人說明¶

優先填寫收件人 功能主要針對海外訂單情境進行優化。當商家面臨「國內代訂、海外收件」的需求時，調整此設定能讓消費者的結帳流程更加直覺。

以下為詳細的操作說明與教學：

功能目的與情境¶

• 一般結帳流程：系統預設優先填寫「購買人」資訊，且預設收件人與購買人相同。若要配送至海外，消費者須另行勾選收件人後才能填寫海外地址，這對「國內協助海外訂購」的消費者來說不夠直覺。
• 修改後效果：透過語法修改，可將結帳頁面的步驟調整為 優先填寫「收件人」資訊，隨後再填寫「購買人」資訊，以符合跨境購物的使用習慣。

樣版編輯器修改步驟¶

此設定需透過修改程式碼檔案 js/main.js 來達成：

1. 進入路徑：前往管理後台的 網站外觀 > 套版主題管理 > CSS/HTML 編輯器。
2. 搜尋檔案：在編輯器左側搜尋欄輸入 js/main 快速查詢，並點擊開啟 js/main.js 檔案。
3. 定位程式碼：將頁面拉至檔案末端，尋找標註為「結帳頁 v3」的區塊。

4. 貼入語法：在該區塊的適當位置 （見以下程式碼）按下 Enter 換行，貼上以下程式碼：

   config.exchangeShippingAndPurchaserLocation=true;
   

5. 儲存設定：確認語法無誤後點擊 儲存。

   js/main.js

   // 結帳頁v3
   $(document).on('checkout_cart:ready', function(event, config) {
     config.exchangeShippingAndPurchaserLocation=true;
     store.remove('cart')
     pullNavCart()
   })
   $(document).on('checkout_cart:added', function(event, items) {
     store.remove('cart')
     pullNavCart()
   })
   $(docu
   

修改後確認¶

修改完成後，請重新整理官網結帳頁面，確認系統是否已更正為優先填寫收件人資訊。

重要注意事項¶

• 責任歸屬：CYBERBIZ 提供公開的程式碼供商家自行修改，但官方 不提供現有文件外的修改指導、語法教學或代碼撰寫服務，建議由專業工程師進行操作。
• 恢復機制：修改前請注意，樣版編輯器具備「查看之前版本」功能， 回溯至先前版本。

常見問題¶