Shopify Horizon 主題遷移 2026 不應直接在正式主題上改造或一鍵發布；本週先加入最新版草稿主題，按角色完成頁面、應用區塊、海外市場與 Safari 購物車驗收，未通過就繼續保留原主題運作。
這套做法適合準備從舊版或 Online Store 2.0 主題遷移至 Horizon 的店主，也適合負責商品內容、本地化與應用設定的營運人員。若你要代表美國買家驗證頁面，還需要能在真實 Mac Safari 環境留下可重現的測試證據。
最後更新於 2026 年 9 月 2 日。 Horizon 版本、主題架構、預覽流程與 Safari 開發者工具資料，已按 Shopify Theme Store、Shopify Help Center、Shopify.dev 及 Apple Developer Documentation 核對。
里程碑一：店主先鎖定範圍
舊主題升級與安裝 Horizon 的差異
先判斷你要做的是「升級目前主題」還是「另行安裝 Horizon」。Shopify 官方將主題新增、複製、預覽與發布分開管理；因此，看到新主題出現在後台，不代表原有自訂內容已經完整遷移。你可以先參考 Shopify 官方新增與管理主題說明，確認草稿主題與正式主題的管理方式。
Horizon 系列屬於支援主題區塊的新架構，但架構更新不等於你的自訂程式碼、第三方應用或市場內容會無損繼承。Horizon 主題商店頁面目前顯示版本為 4.1.4，發布日期為 2026 年 8 月 10 日，版本資料應以官方 Horizon Theme Store 頁面為準。
店主在建立草稿前，先完成以下範圍表：
| 盤點項目 | 需要留下的資料 | 未完成時的風險 |
|---|---|---|
| 正式主題 | 主題名稱、目前版本、發布日期 | 無法準確回退 |
| 自訂內容 | Liquid、CSS、JavaScript、追蹤碼位置 | 外觀或事件追蹤遺失 |
| 關鍵模板 | 首頁、商品、集合、搜尋、內容頁 | 只驗首頁造成漏測 |
| 業務鏈路 | 變體、購物車、客戶帳戶、進入結帳 | 上線後才發現不能購買 |
| 高峰安排 | 活動、促銷、廣告切換時段 | 修復窗口不足 |
Shopify Horizon 值得從舊主題遷移嗎？
如果你的舊主題已經難以維護、需要重新整理區塊，或團隊希望在草稿環境重建頁面，Horizon 可以列入候選；但若現有主題正處於大促或核心應用高度客製化階段，應先完成相容性盤點，而不是只因為版本較新便立即替換。
里程碑二：內容營運重建，而非只看首頁
內容營運人員的交付責任，是證明品牌內容與不同市場頁面在草稿主題中仍然正確。首頁看起來相似，不能代表商品模板、集合頁、搜尋頁或內容頁的模板映射沒有問題。
在草稿主題編輯器中逐項檢查：
- 首頁各區塊的順序、圖片、按鈕與動態來源。
- 商品頁的商品資訊、變體選擇、庫存提示與推薦商品。
- 集合頁的篩選、排序、分頁及無商品狀態。
- 搜尋頁的關鍵字結果、空結果提示與導覽入口。
- 導覽列、頁尾、品牌文案、字型、顏色及行動版排列。
- 美國與其他市場的語言、幣別、商品可見性及市場專屬內容。
主題編輯器部分設定會隨主題與版本而變更，不要以為在舊主題儲存過一次，Horizon 就會自動帶入。你可以在官方主題編輯器與市場預覽說明確認預覽與編輯器功能，再以脫敏截圖記錄每個市場的實際畫面。
更換 Shopify 主題後，哪些設定需要重新配置？
優先重配模板區塊、導覽、品牌樣式、動態來源、應用嵌入、自訂程式碼與市場內容。特別是由程式碼插入的促銷訊息、客服入口、評論元件和追蹤事件，不應只靠主題匯入結果判斷。
里程碑三：應用協作與區塊驗證
應用協作人員要建立一份應用清單，並把每個功能歸入以下類別：
| 類型 | 驗收方式 | 負責人 |
|---|---|---|
| 應用區塊 | 在指定模板插入後，檢查前台位置與互動 | 應用協作 |
| 應用嵌入 | 在主題設定中確認啟用狀態，再驗證前台 | 應用協作 |
| 自訂程式碼 | 對照插入位置、載入條件與事件觸發 | 技術協作 |
| 外部腳本 | 檢查載入、權限、主控台錯誤與重複注入 | 技術協作 |
Shopify 官方明確區分應用區塊和應用嵌入；Shopify 應用與主題整合說明及 Shopify.dev App blocks 文件都指出，應用已安裝不表示它已經被放入新主題的正確位置。
接著用真實業務動作測試評論、訂閱、搜尋篩選、客服入口、電子報或促銷元件。記錄「缺少在哪個模板、哪個市場、由誰修復、何時重測」，不要把責任寫成模糊的「應用不相容」。
Horizon 主題的應用區塊沒有顯示，應如何處理？
先確認該元件是應用區塊、應用嵌入還是自訂程式碼，再檢查它是否已加入正確模板與市場版本。若仍然沒有顯示，先向應用支援團隊索取 Horizon 相容建議，或暫時保留原主題；不要在正式主題直接修改未知程式碼。
里程碑四：美國市場與 Safari 驗收
地區驗收人員要固定測試條件：同一商品、同一語言、同一國家選擇、同一入口連結與同一瀏覽器會話。然後比較網域、文案、幣別、商品可見性、地區選擇器和促銷內容。
Shopify 草稿主題如何測試美國市場頁面？
在草稿主題預覽中切換國家與語言，逐頁檢查美國買家會看到的內容，再把預覽網址、商品、國家選擇和結果截圖保存下來。後台預覽只是測試入口，不是完整買家端證據；正式發布前仍要從美國買家側重現關鍵頁面。
如果團隊只有 Windows 設備，或需要固定的美國 IP Mac 環境來留下相同會話證據，可以使用 VMSPIN 美國 Mac 節點進行短期驗收。海外節點的用途是重現指定市場的買家體驗，不是繞過平台規則；帳號、付款與應用操作仍須遵守 Shopify 及相關服務條款。
Safari 驗收不要停留在響應式預覽。至少要實際走過導覽、商品變體、搜尋、購物車抽屜、客戶帳戶入口及進入結帳前的動作。Shopify 後台的支援瀏覽器要求可作為管理端環境參考，但桌面 Safari、響應式設計模式和行動真機的證據邊界不同；行動裝置問題仍應以實機覆核。
在桌面 Safari 發現版面或互動差異時，驗收人員可使用 Apple 的 Safari Web Inspector 官方文件保存主控台、網路請求與元素狀態。若問題涉及 iPhone 或 iPad 網頁，再依照 Apple 檢查 iOS 網頁內容的說明使用實際裝置驗證。
發布前驗收清單
發布負責人不能只收集「看起來沒問題」的回覆，應要求每位角色交付可重測證據。以下清單可直接作為會議上的放行條件：
- [ ] 店主已記錄正式主題版本、自訂程式碼位置及回退方式。
- [ ] Horizon 已加入草稿主題，沒有直接覆寫正式主題。
- [ ] 首頁、商品、集合、搜尋及內容頁均已完成模板對照。
- [ ] 顏色、字型、文案、導覽和動態來源已由內容營運確認。
- [ ] 美國及其他目標市場已核對網域、語言、幣別與商品可見性。
- [ ] 應用區塊、應用嵌入、自訂程式碼和外部腳本均已分類驗證。
- [ ] 評論、訂閱、搜尋篩選、客服和營銷元件已完成實際操作。
- [ ] Safari 已測試導覽、變體、搜尋、購物車及客戶帳戶入口。
- [ ] 問題已附上網址、測試條件、截圖或 Web Inspector 證據。
- [ ] 發布前已保留原主題，並記錄 Horizon 版本、測試日期、負責人和未解決事項。
- [ ] 發布後已重新驗證關鍵入口，而不是沿用發布前的快取結果。
- [ ] 購物車、客戶帳戶或核心應用出現阻斷問題時，已明確執行切回原主題的條件。
若應用、地區頁面或 Safari 購物車仍有阻斷問題，結論應是「停止發布」，不是「先上線再修」。若只是非核心內容的輕微排版差異，才可列出限期修復責任與重新驗收日期。
舊方案與真實 Mac 驗收環境
只用 Windows 瀏覽器檢查，常見缺點是無法代表真實 macOS Safari 的字型、互動與開發者工具證據；臨時借用 Mac 則容易出現登入環境不一致、測試記錄分散和海外市場會話無法重現。若團隊長期進行高頻率驗收，自購 Mac 會增加硬體採購、維護與閒置成本；但需要長期固定重負載或實體介面的團隊，也不應只為短期專案租用遠端設備。
因此，你可以先問自己：團隊是否已有可持續使用的真實 Mac Safari 驗收環境？如果答案是否定的，先查看 VMSPIN 的海外 Mac 環境方案，再按專案週期判斷短期租用或自建設備。對 Shopify Horizon 草稿主題而言，能固定條件、保存證據並在問題出現時重測，比在正式商店冒險替換主題更重要。