若您想在頁面中呈現部分商品，例如：在首頁放入新品推薦，可以成功的吸引您的顧客將商品直接加入購物車，讓我們來設定看看吧!

新增商品列表步驟

Step1 : 點選商店設計-頁面設計

Step2 : 選擇需要設計的頁面後，點選右上方編輯

Step3 : 選擇元件

Step4 : 將商品列表拖拉至右方頁面您欲呈現的地方

Step5 : 點選商品列表編輯→ 至左上方 商品項目顯示(前台商品列表會依據您設定的篩選條件顯示商品)  

Step6 : 若您要編輯篩選商品→ 按下下方「編輯您所選的商品」

Step7：請您勾選您要顯示的商品，勾選完後請按下一步

Step8 : 請確認您商品，若需調整順序可直接拖拉進行調整

Step9 : 調整確認後按右上方確認。

如想要商品列表顯示特定的商品，可以使用以下方式進行設定

①  在商品列表->選擇商品，於商品標籤設定欄位內，新增要顯示的商品標籤 EX : 新品上市

②  商品排序：可設定商品預設的排序，分為最新商品、商品名稱、價格小到大、價格大到小

③  每頁顯示商品數量：設定一頁顯示數量 

④  右上方『 儲存 』

前台即會顯示有『 新品上市 』標籤的商品於前台

如商店後續上架新的商品，有設定相同標籤 『 新品上市 』之商品

系統會自動於已設定好的商品列表內，加入新上架有『新品上市』的商品

前台網頁也會自動顯示新上架有『 新品上市 』標籤的商品喔！

商品列表版型說明

Step10 : 設定列表版型-商品頁版型 / 彈窗版型兩種

控制商品列表在前台，消費者點擊後顯示的方式，分為 「商品頁版型」/ 「彈窗版型」兩種

• 若列表版型選擇商品頁版型

前台消費者點擊該列表之商品，該商品顯示方式為-呈現整個商品頁

• 若列表版型選擇彈窗版型，下方會請您選擇彈窗顯示影像的方式，

         分為: 商品影像1、商品影像2、商品影像1+2及皆不顯示4種。

前台點選商品顯示方式-> 彈出視窗，顯示影像1

前台點選商品顯示方式-> 彈出視窗，顯示影像2

前台點選商品顯示方式-> 彈出視窗，顯示影像1+2

Step9 : 設定產品列表是否顯示加入購物車之按鈕，及商品顯示格式設定

Step10 : 設定無誤後請點選右上方「儲存」即可。

設定完成後，您可於該頁面的前台試試看是否是您想要的樣式喔!