Shopify 佈景主題指南

為 Impulse 佈景主題新增運費計算器。

Impulse 常用動態的商品和購物車互動,因此需要同時檢查區塊位置和抽屜行為。

在 Impulse 中的放置位置

在商品範本中新增商品應用程式區塊;如果希望在抽屜中顯示運費,再開啟購物車抽屜嵌入。

設定步驟

  1. 安裝 ShipCalc 從 Shopify App Store 安裝。14 天免費試用立即開始。
  2. 開啟佈景主題編輯器 在 Impulse 佈景主題中進入 Online Store → Themes → Customize,或使用 ShipCalc 引導中的一鍵連結。
  3. 新增 ShipCalc 區塊 開啟商品範本,選擇 Add block → ShipCalc,並將其拖到價格或購買按鈕附近。在購物車範本中重複操作。
  4. 開啟購物車抽屜嵌入 如果你的商店使用側滑購物車,請開啟 App embeds 並開啟 ShipCalc 購物車抽屜嵌入。
  5. 調整設計並儲存 在 ShipCalc 的 Appearance 頁面調整顏色、佈局和文案,預覽後儲存佈景主題。

在 Impulse 中的測試要點

在新增和刪除商品後、在行動裝置,以及每次更改抽屜標記的佈景主題更新後進行測試。

  • 電腦版商品頁
  • 行動裝置商品頁
  • 只有一件商品和有多件商品的購物車
  • 你配送的每個地區各一個目的地
  • 不支援的目的地和“無可用運費”提示
  • 購物車抽屜的開啟、新增和刪除

問題

需要修改 Impulse 佈景主題程式碼嗎?

不需要。商品和購物車的展示位置都是 Shopify 佈景主題編輯器中的應用程式區塊。購物車抽屜使用應用程式嵌入;有些抽屜需要自訂選擇器,我們可以幫你設定。

計算器應該放在“加入購物車”上方還是下方?

讓它靠近價格和購買按鈕。如果配送費用在購買決定中佔比很大(大件或重物),請直接放在價格或購買按鈕下方。

釋出前應該測試什麼?

電腦版和行動裝置佈局、多種商品型別、你配送的每個地區的目的地、購物車頁面,以及佈景主題使用的購物車抽屜。

在顧客開口詢問之前就展示運費。

想先問問?聯絡我們。

開始免費試用
  • 14 天免費試用
  • 無需佈景主題程式碼