商品系列清單旁搭配商品格狀排列。滑鼠懸停在商品系列名稱上時,會顯示該商品系列的商品,並附上 View all(查看全部)連結;在行動裝置上,顧客點一下商品系列即可開啟其商品。
新增區塊
-
選擇版面
在預覽的大型選單面板中,點擊 Add block(新增區塊)。點擊 Collection(商品系列),將游標移到 Collection spotlight(商品系列焦點)上,然後點擊 Select(選擇)。
(1) 點擊 Collection,(2) 選擇 Collection spotlight。 -
選擇商品系列
在 Edit Item(編輯項目)中,點擊 Select collections(選擇商品系列),挑選要顯示的商品系列。系統會自動從每個商品系列載入商品。
預覽中的商品系列焦點區塊,設定顯示在 Edit Item 中。 -
儲存並發佈
點擊 Save(儲存),然後點擊 Publish(發佈)。請在您的網路商店確認結果:編輯器預覽中顯示的是預留位置卡片,而不是實際商品。
設定
- Select collections(選擇商品系列)
- 區塊中列出的商品系列,依您挑選的順序排列。最多 8 個;如果選擇更多,只會保留前 8 個。
- Products per collection(每個商品系列的商品數)
- 格狀排列顯示的商品數量:2 到 6。
- Show product count(顯示商品數量)
- 在每個商品系列名稱旁顯示商品數量。
- "View all" label(「查看全部」文字)
- 格狀排列下方、前往完整商品系列的連結文字。
- Width(寬度)
- 區塊佔大型選單一列的比例:Auto(自動)或 8.33% 到 100%。
- Visibility(顯示設定)
- Hide on desktop(在桌面裝置隱藏)、Hide on mobile(在行動裝置隱藏)、Hide when logged in(登入時隱藏)、Only show when logged in(僅在登入時顯示)、Schedule publishing(排程發佈)。請參閱每個區塊都有的設定。
提示
- 請將區塊維持在 100% 寬度。商品系列清單和 4 個商品的格狀排列需要足夠的空間。
- 挑選 3 到 6 個商品系列。簡短的清單比全部 8 個更容易瀏覽。
- 商品來自商品系列本身,因此無法手動挑選。若要顯示特定商品,請使用來源設為 Manual(手動)的商品清單。
這個頁面有幫助嗎?
感謝您的意見回饋! 告訴我們缺少了什麼
回報問題