您可以在 App 首頁中加入「商品列表」元件，展示出您的主打商品，快速抓住顧客的目光。
步驟一
前往「商店後台 > App 管理 > App 設計」點按「設定」按鈕，進入「目前版型」設定商品列表元件。
步驟二
點擊「新增元件」，選擇「商品列表」元件，拖拽至中間預覽區提示可以放置元件的地方。
步驟三
在右側編輯區填寫商品列表元件標題。
步驟四
設定文字對齊方式和字體顏色。
步驟五
若開啟「顯示按鈕」開關，商品列表下方會顯示「查看更多」按鈕。無需設定跳轉連結，顧客點擊「查看更多」後可看進入原生商品列表頁面瀏覽商品。
步驟六
選擇商品，共有「選擇商品」或「選擇商品類別」兩種選擇。
1. 選擇「新增單款商品」
勾選您想新增的商品，點按「確認」，最多可新增 500 款商品。
＊注意：App 端可支援「最多顯示 500 個商品」，但商店後台的 [App 設計] > App 設計編輯器的中間預覽區，目前僅支援「最多顯示 10 個商品」。
2. 選擇「新增商品類別」
勾選您想新增的商品類別，點按「確認」。
如果您想新增子分類，可以點按類別名稱前方的三角形按鈕，下拉子分類列表並勾選。
步驟七
編輯商品列表相關樣式設定。
1. 選擇每行顯示商品數
您可設定商品列表顯示方式，共有「一行一個」及「一行兩個」兩種可供選擇。
2. 商品顯示總行數
可設定為不限行數或者是固定行數，不限行數最多顯示 50 行，超出部分將無法顯示在 App 首頁元件裡，可以點擊進入商品列表頁查看
3. 顯示資訊
勾選商品列表需要顯示的資訊
4. 商品顯示規則
選擇是否顯示售罄商品和隱藏商品。開啟後，顧客可在前台頁面看到隱藏商品。
＊注意：
- 已下架的商品會自動過濾。
- 此處設定的顯示規則會同步到「更多」按鈕跳轉進入的商品列表頁。
- 若選擇不顯示售罄商品，無限庫存的商品也會同時被過濾掉。
- 若商品排序為自訂排序，將固定為「顯示售罄商品」，並「不顯示隱藏商品」，與您於此之設定無關。
步驟八
設定預約上架時間。此欄選填。
步驟九
完成元件的編輯後，再點擊右上方的「儲存」和「更新」。
評論