商品類別元件|Shopper App

4. EC + SC.png

12. 品牌會員購物 App (1).png

您可以新增「商品類別」元件,顯示商店內的商品類別,進而引導顧客瀏覽特定種類的商品。

⚠️ 開始前請注意:此功能於香港地區僅支援 Shopper App Pro 版本。

 

步驟一

前往 SHOPLINE 後台 >「Shopper App 管理 > App 設計 > 首頁設計 > 目前版型」,點選「設定」進入 App 頁面編輯器。

Screenshot 2025-08-20 at 3.04.37 PM.png

 

步驟二

點按「新增元件」,選擇「商品類別」元件,拖曳至中間預覽區提示放置元件的區域。

image__1_.png
image__2_.png
 

步驟三

在右側編輯區填寫元件標題。

image__3_.png
 

步驟四

設定文字對齊方式和字體顏色。

image__4_.png

 

步驟五

拖動滾軸設定每行顯示的商品類別數量,可選擇顯示 1 至 3 個類別。

image__5_.png

 

步驟六

設定類別名稱對齊。

image__6_.png

 

步驟七

選填預約上架時間

7.jpg

 

步驟八

在左側編輯區點按「新增商品類別」,最多可設定 4 個商品類別。

image__8_.png

 

在右側編輯區「選擇商品類別」。

image__9_.png

 

勾選您想新增的商品類別,點按「確認」。

如果您想新增子分類,可以點按類別名稱前方的三角形按鈕,下拉子分類列表並勾選。

image__10_.png

 

步驟九

點按「新增圖片」設定類別圖片,建議圖片尺寸為 720 * 720。

image__11_.png

 

步驟十

完成元件編輯後,點按「儲存」並「更新」。

12.png

 

 

延伸閱讀

 
 
 
 
 
 
 
 
 
還有其他問題?提交請求

評論