管理設定 — 順豐站、自助櫃、合作點
安裝後設定 HK Pickup。從 Shopify 管理後台 → Apps → HK Pickup 開啟（在新分頁開啟）。
在 Shopify App Store 安裝 HK Pickup →
開啟 Shopify 管理後台 → Apps → HK Pickup。頁面有三個分頁：
| 分頁 | 用途 |
|---|---|
| Settings（設定） | 自取類型、顏色、翻譯（見下方） |
| Installation（安裝） | 啟用佈景主題 App embed（總開關） |
| Tutorial（教學） | 設定指南連結 |
在 Settings（設定） 分頁，使用章節連結或捲動至：
| 章節 | 控制內容 |
|---|---|
| Pickup types（自取類型） | 店面選擇器顯示哪些順豐類別 |
| Colors & theme（顏色及佈景主題） | 可選對話框顏色（預設關閉） |
| Translations（翻譯） | 可選彈出視窗文字（英文、繁體、简体） |
任何變更後按頂部的 Save settings（儲存設定）。
選擇顧客可篩選及選擇的 順豐速運 類別：
| 開關 | 順豐類別 | 範例 |
|---|---|---|
| SF Station (順豐站) | Store 順豐站 | 順豐站櫃檯 |
| SF Locker (順豐自助櫃) | Locker 自助櫃 | 自助櫃 |
| SF Partner Point (合作點) | Partner 合作點 | 合作自取點 |
- 至少啟用一種類型——否則自取列表會是空白。
- 停用的類型不會出現在店面的 Service type（服務類型） 下拉選單。
- 你無需上載地點——HK Pickup 會自動載入順豐香港資料。
整個功能的總開關不在此——請使用 佈景主題編輯器 → App embeds。
顏色及佈景主題
Section titled “顏色及佈景主題”自訂預設關閉。關閉時，對話框使用適用於大多數佈景主題的內建樣式。
- 在 Colors & theme（顏色及佈景主題） 下勾選 Enable customization（啟用自訂）。
- 設定以下顏色（十六進位或 CSS 色值）：
| 欄位 | 影響 |
|---|---|
| Primary button（主要按鈕） | 主要操作（例如繼續結帳） |
| Secondary background（次要背景） | 次要按鈕 |
| Secondary border（次要邊框） | 次要按鈕邊框 |
| Selected row（選中列） | 列表中高亮的自取地點 |
| Dialog backdrop（對話框背景） | 彈出視窗後方的暗色區域 |
- 按 Save settings（儲存設定）。
- 重新載入店面以查看變更。
顏色欄位留空則保留該項目的預設值。
字體、圓角及配合佈景主題請見 自訂對話框樣式。
再次停用自訂
Section titled “再次停用自訂”取消勾選 Enable customization（啟用自訂） 並儲存。重新載入後店面恢復預設樣式。
配送對話框文字視 Enable customization（啟用自訂） 是否開啟而定。
自訂關閉（預設）
Section titled “自訂關閉（預設）”店面使用 HK Pickup 應用程式擴充功能的內建標籤（English、繁體中文、简体中文），會跟隨顧客目前店面語言自動切換。
若要調整預設文字而無需在 HK Pickup 管理後台覆寫，可使用 Shopify Translate & Adapt 翻譯應用程式擴充功能的語言字串（在 Translate & Adapt 中選 Apps → HK Pickup，或 Settings → Languages（語言））。佈景主題編輯器的 App embed 沒有標籤文字欄位——只有結帳選擇器及試用／開發者模式。
在下方 Translations（翻譯） 表格覆寫對話框文字（English、繁體、简体）。管理後台設定會優先於內建擴充功能語言檔。
- 留空 → 使用內建預設（顯示於各輸入框下方灰色文字）。
- 輸入文字 → 該語言使用你的覆寫內容。
例如：對話框標題、「順豐速運自取」、「送貨上門」、搜尋提示、空白／錯誤訊息、篩選標籤、確認／返回按鈕。
結果列表中的地點名稱及地址來自順豐資料——不能在此編輯。
設定 vs 佈景主題編輯器
Section titled “設定 vs 佈景主題編輯器”| 控制項 | 位置 |
|---|---|
| 在店面顯示／隱藏 HK Pickup | 佈景主題編輯器 → App embeds |
| 提供哪些自取類型 | Apps → HK Pickup → Pickup types（自取類型） |
| 對話框顏色及彈出文字 | Apps → HK Pickup → Colors & Translations（自訂開啟） |
| 對話框字體、圓角、佈景主題 CSS | 佈景主題 CSS——見 自訂對話框樣式 |
| 預設對話框文字（自訂關閉） | 內建應用程式擴充功能語言檔；可選 Translate & Adapt |
| 結帳按鈕選擇器 | 佈景主題編輯器 → App embeds → HK Pickup |
訂單屬性（出貨）
Section titled “訂單屬性（出貨）”HK Pickup 透過購物車屬性將顧客配送選擇儲存到訂單：
_sf_delivery_mode——pickup或home- 順豐自取欄位（
_sf_pickup_code、_sf_pickup_type、_sf_pickup_address、region、district、locale）——只在顧客選擇順豐速運自取時
在 Shopify 管理後台 → Orders → Additional details（附加詳情） 查看。完整屬性列表：快速入門 → 訂單上會儲存什麼。
👉 驗證結帳——在你的商店確認順豐自取及送貨上門。