您可以在編輯 App 首頁時加入「商品輪播列表」元件，往右滑動查看更多商品，不僅讓您擁有簡潔俐落的版面，還能讓顧客自由瀏覽商品，增加互動感。
⚠️ 開始前請注意：此功能於香港地區僅支援 Shopper App Pro 版本。
步驟一
前往「商店後台 > Shopper App 管理 > App 設計 > 目前版型 > Simple 版型」，點按「設定」編輯商品列表元件。
步驟二
點按「⊕ 新增元件 > 商品列表」，拖曳至中間預覽區提示放置元件的區域。
步驟三
在右側編輯區填寫元件標題。
步驟四
設定字體顏色。
步驟五
若開啟「顯示按鈕」開關，需填寫商品輪播右上角的按鈕文字。無需設定跳轉連結，顧客點按「查看更多」即可進入原生商品列表瀏覽商品。
步驟六
可透過「選擇商品」或「選擇商品分類」新增要加入的商品。
1. 選擇商品
勾選您想新增的商品，點按「確認」，最多可新增 50 款商品。
＊注意：
- 無論新增多少商品，輪播元件顯示上限最多 10 款，其餘商品需要點按「更多」進入商品列表查看。
- 若您於 Shopper App 平台版本 v1.15 前新增超過 50 款商品，系統將自動顯示前 50 款商品。
2. 選擇商品分類
勾選您想新增的商品類別，點按「確認」。
如果您想新增子分類，可以點按類別名稱前方的三角形按鈕，下拉子分類列表並勾選。
＊注意：只能新增一個類別。
步驟七
編輯商品輪播樣式設定。
1. 顯示資訊
勾選您想在商品列表顯示的資訊。
2. 商品顯示規則
選擇是否在商店前台顯示售罄商品、隱藏商品。
＊注意：
- 此功能僅適用於「選擇商品」設定項；若您勾選「選擇商品分類」，系統將預設顯示售罄商品，不顯示隱藏商品。
- 已下架的商品會自動過濾。
- 此處設定的顯示規則會同步到「更多」按鈕跳轉進入的商品列表。
- 如果選擇不顯示售罄商品，無限庫存的商品也會同時被過濾掉。
- 若商品排序為自訂排序，將固定為「顯示售罄商品」，並「不顯示隱藏商品」，與您於此之設定無關。
步驟八
選填預約上架時間。
步驟九
完成元件編輯後，點按「儲存」。確認可發佈後，即可點擊右上角「更新並使用」。
延伸閱讀
評論