在 Horizon 中的放置位置
將 ShipCalc 新增到主要商品資訊區域，放在關鍵選項之後、次要詳情之前。整單報價請使用購物車位置。
設定步驟
- 安裝 ShipCalc 從 Shopify App Store 安裝。14 天免費試用立即開始。
- 開啟佈景主題編輯器 在 Horizon 佈景主題中進入 Online Store → Themes → Customize，或使用 ShipCalc 引導中的一鍵連結。
- 新增 ShipCalc 區塊 開啟商品範本，選擇 Add block → ShipCalc，並將其拖到價格或購買按鈕附近。在購物車範本中重複操作。
- 開啟購物車抽屜嵌入 如果你的商店使用側滑購物車，請開啟 App embeds 並開啟 ShipCalc 購物車抽屜嵌入。
- 調整設計並儲存 在 ShipCalc 的 Appearance 頁面調整顏色、佈局和文案，預覽後儲存佈景主題。
在 Horizon 中的測試要點
預覽電腦版和行動裝置商品佈局，然後測試當前佈景主題設定使用的購物車浮動視窗。
- 電腦版商品頁
- 行動裝置商品頁
- 只有一件商品和有多件商品的購物車
- 你配送的每個地區各一個目的地
- 不支援的目的地和“無可用運費”提示
- 購物車抽屜的開啟、新增和刪除
問題
需要修改 Horizon 佈景主題程式碼嗎？
不需要。商品和購物車的展示位置都是 Shopify 佈景主題編輯器中的應用程式區塊。購物車抽屜使用應用程式嵌入；有些抽屜需要自訂選擇器，我們可以幫你設定。
計算器應該放在“加入購物車”上方還是下方？
讓它靠近價格和購買按鈕。如果配送費用在購買決定中佔比很大（大件或重物），請直接放在價格或購買按鈕下方。
釋出前應該測試什麼？
電腦版和行動裝置佈局、多種商品型別、你配送的每個地區的目的地、購物車頁面，以及佈景主題使用的購物車抽屜。