簡要回答
購物車抽屜中的運費計算器應回答目的地和費用的問題，而不是把抽屜變成第二個結帳頁。把它放在小計或結帳按鈕附近，保持摺疊狀態精簡，保留抽屜的關閉和結帳控制元件，在購物車變化後重新計算，並測試鍵盤、觸控、行動裝置和佈景主題更新後的表現。由於抽屜因佈景主題而異，必須在實際上線的佈景主題上驗證相容性。
保持抽屜的主要功能不受影響
購物車抽屜的作用是讓顧客檢查訂單，然後繼續購物或去結帳。運費計算器應輔助這個決定，而不是喧賓奪主。使用簡短的提示、漸進式展開，以及在小計和結帳控制元件旁依然清晰易讀的精簡結果。
購物車變化時及時更新
過時的報價比沒有報價更糟。新增、刪除或修改數量都可能改變重量、小計、設定檔組合和免運費資格。計算器應重新整理情境，或明確提示需要重新計算。
想讓顧客在結帳前看到運費？ShipCalc 在商品頁、購物車和購物車抽屜中顯示你現有的 Shopify 運費。瞭解工作原理。
為狹窄、動態的空間而設計
抽屜通常較窄且可滾動。避免橫向溢位，保持舒適的觸控區域，不要遮擋結帳按鈕，並把結果變化通知輔助技術。載入狀態應預留空間，避免抽屜跳動。
佈景主題變更後重新測試
佈景主題更新可能替換抽屜標記、類名或呈現方式。記錄所用的版本和選擇器，並在每次佈景主題升級的迴歸測試中包含計算器。
檢查清單
- 在小計或結帳按鈕附近可見
- 精簡的收起狀態
- 無橫向溢位
- 結帳按鈕始終可用
- 購物車更新後重新計算
- 載入和無運費狀態排版得當
- 鍵盤焦點順序合理
- 結果變化會被播報
- 已在行動裝置測試
- 佈景主題更新後觸發重新測試
問題
所有 Shopify 佈景主題都使用相同的購物車抽屜嗎？
不是。抽屜的標記和行為因佈景主題和版本而異，因此必須測試相容性。
計算器應該自動展開嗎？
通常應保持收起，直到顧客請求報價；除非運費是你的商品目錄中最關鍵的決策因素。
結果應顯示在哪裡？
讓結果靠近輸入框和小計，同時保證結帳按鈕仍然可見、可用。