精選商品元件|Shopper App

4. EC + SC.png
12. 品牌會員購物 App (1).png

您可以設定「精選商品」元件,將商品以每行 3 件的樣式展示於 App 首頁,支援自行選擇要展示的商品,或直接選擇指定商品分類。

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

 

本篇文章將分別介紹:

 

一、設定精選商品元件

步驟一

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

Screenshot 2025-08-20 at 3.04.37 PM.png

 

步驟二

點擊「新增元件」,選擇「精選商品」元件,拖曳至中間預覽區提示可以放置元件的地方。

Screenshot 2025-08-25 at 4.35.11 PM.png
Screenshot 2025-08-25 at 4.32.47 PM.png

 

步驟三

於右側編輯區進行以下設定。

1. 標題

輸入精選商品標題,最多 100 個字元。

Screenshot 2025-08-25 at 4.39.28 PM.png

 

2. 顯示按鈕

預設開啟,您可以修改按鈕顯示文字,最少輸入一種語言,且每種語言最多輸入 20 個字元。

Screenshot 2025-08-25 at 4.45.30 PM.png

 

3. 文字對齊

設定該元件標題對齊方式。

Screenshot 2025-09-23 at 11.26.31 AM.png

 

4. 商品設定

系統固定每行顯示 3 件商品,您可以設定商品顯示行數,支援顯示 1-10 行。

Screenshot 2025-08-25 at 5.02.02 PM.png

 

5. 預約上架時間

若您有設定上架日期,元件將在指定時間於 App 中顯示。

Screenshot 2024-10-24 at 12.06.30 PM.png

 

二、設定分組內容

步驟一

於左側區塊新增分組,最多新增 10 個分組;您也可以在此處開啟/關閉/刪除精選商品元件。

Screenshot 2025-08-25 at 5.03.58 PM.png

 

步驟二

點選分組,於右側編輯區塊選擇商品,您可以按照商品或商品分類進行選擇。

*注意:若您選擇按照商品選擇,需設定分組名稱;若您按照商品分類選擇,系統將以自動分類名稱顯示。

Screenshot 2025-08-25 at 5.17.31 PM.png


三、App 端顯示效果

若分組數量 > 1 時,標題下方會顯示分組按鈕,顧客可點擊切換分組。

*注意:分組按鈕將套用您於「主題設定 > 色彩 > 按鈕」所設定的顏色。

Screenshot 2025-08-25 at 5.33.36 PM.png

 

 

 

 

延伸閱讀


 

 

 

 

還有其他問題?提交請求

評論