商品系列清單

參考資料 Growth Navigation · Pro Navigation 1 分鐘閱讀

附圖片與名稱的商品系列圖塊，每個都連結到商品系列頁面。可用來製作「依分類選購」或「依品牌選購」等視覺捷徑。

新增區塊

1. 選擇版面

   在預覽的大型選單面板中，點擊 Add block（新增區塊）。點擊 Collection（商品系列），將游標移到版面上，然後點擊 Select（選擇）：Collection list - image top（大圖片，名稱在下方）或 Collection list - image left（小圖片，名稱在旁邊）。

   

   (1) 點擊 Collection，(2) 選擇版面。

   第一個版面 Collection spotlight 是另一個區塊。請參閱商品系列焦點。

2. 選擇商品系列

   在 Edit Item（編輯項目）中，點擊 Select collections（選擇商品系列），挑選要顯示的商品系列。

   

   預覽中的商品系列清單區塊，設定顯示在 Edit Item 中。

3. 儲存並發佈

   調整下方的設定，然後點擊 Save（儲存）和 Publish（發佈）。

設定

Width（寬度）預設: 100%

區塊佔大型選單一列的比例：Auto（自動）或 8.33% 到 100%。

Layout（版面）預設: 您選擇的版面

Image above（圖片在上方）或 Image left（圖片在左側）。可隨時切換。

Item(s) per row（每列項目數）預設: 4

每列 1、2、3、4 或 6 個商品系列。

Image ratio（圖片比例）預設: Auto

Auto（自動）、1:1、4:3、3:4、16:9 或 9:16。讓所有商品系列圖片的形狀一致。

Collections（商品系列）預設: None

要顯示的商品系列。

Visibility（顯示設定）預設: Off

Hide on desktop（在桌面裝置隱藏）、Hide on mobile（在行動裝置隱藏）、Hide when logged in（登入時隱藏）、Only show when logged in（僅在登入時顯示）、Schedule publishing（排程發佈）。請參閱每個區塊都有的設定。

提示

• 商品系列圖片的形狀各不相同。將 Image ratio 設為 1:1，即可排出整齊、大小一致的圖塊。
• 標題與圖片會自動更新。如果您刪除商品系列或變更它的 handle（網址），請開啟區塊並重新選擇。

疑難排解

商品系列顯示灰色的預留位置

該商品系列沒有圖片。請在 Shopify 後台 > 商品 > 商品系列 中加入圖片，選單會自動套用。

相關頁面

• 商品系列焦點讓顧客在選單中切換商品系列，查看每個商品系列的商品。
• 商品清單在選單中以單一卡片、格狀、清單或輪播方式顯示商品。
• 區塊總覽在大型選單或分頁中新增連結、圖片、商品與倒數計時器等區塊。
• 為什麼 Shopify 的變更沒有反映在選單中？哪些商品、商品系列與導覽變更會自動更新選單，哪些需要編輯選單。

這個頁面有幫助嗎？

回報問題