分類頁設定|Shopper App

4. EC + SC.png

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

您可以在底部應用欄設定分類頁入口,點擊進入到原生分類頁,支援自訂分類頁展示樣式。若是從 EC H5 頁面打開商品分類頁,進入的仍然是 EC H5 分類頁面。

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

 

步驟一

前往「商店後台 > Shopper App 管理 > App 設計 > 商品分類頁 」,點按「設定」按鈕。

Screenshot 2025-08-20 at 4.01.28 PM.png

 

步驟二

於左側元件區點選「分類」,並於右側編輯區選擇分類頁樣式,預設選擇「純文字列表」,以下將分別介紹。

1.5_ver_ZH2.png

[即將推出]

Screenshot 2026-07-09 at 1.41.24 AM.png

 

1. 圖文列表

  • 設定分類圖片,可以設定每級分類下最小子分類的圖片,將鼠標挪到需要設定的子分類欄,點擊右側1.5_ver_ZHa.png圖標後新增圖片,圖片建議尺寸為 160*160。

    1.5_ver_ZH4.png
  • 設定分類商品是否顯示售罄商品、隱藏商品,點擊右側開關進行開啟或關閉。

    1.5_ver_ZH5.png

 

*注意:

  1. 預設同步網店所有上架狀態的分類,包含分類橫圖和分類名稱,如要修改需在「商品及分類 > 分類」進行修改,在後台修改後,App 端會有 1 ~ 1.5 小時左右的緩存。
  2. 若選擇圖文列表樣式但未設定圖片的話,則會獲取每個子分類下在售商品中的第一款商品圖作為子分類圖。
  3. 從分類頁點擊後會進入到原生商品列表頁,售罄商品、隱藏商品的設定也會同步到商品列表頁。

 

2. 純文字列表

只需設定分類商品是否顯示售罄商品、隱藏商品,點擊右側開關進行開啟或關閉。

1.5_ver_ZH3.png

 

[即將推出] 3. 圖文橫幅

您可以於左側元件區新增分組,最多可設定 5 個分組,且每個分組下最多顯示 30 個分類,並分別進行以下設定。

*注意:Shopper App 平台版本需更新至 v1.21 及以上才可使用此功能,其餘版本將顯示「圖文列表」樣式。

Screenshot 2026-07-09 at 1.44.15 AM.png
  • 輸入分類名稱,將顯示於上方選單。

    Screenshot 2026-07-09 at 1.48.19 AM.png
  • 設定背景與字體顏色。

    Screenshot 2026-07-09 at 1.50.43 AM.png
  • 分類圖片可選擇您在「商品及分類 > 分類 > 分類橫圖」所設定的圖片,或系統自動套用該商品分類的其中一款商品圖。

    Screenshot 2026-07-09 at 12.21.12 PM.png
  • 選擇分類後,您可以選擇是否顯示標籤,並自訂標籤內容及顏色。同時支援在此處上傳自訂分類圖片。

    Screenshot 2026-07-09 at 12.30.43 PM.png

 

步驟三

於左側元件區點選「底部應用欄」,詳細功能請參考:底部應用欄|Shopper App

[即將推出]

Screenshot 2026-07-09 at 12.34.10 PM.png

 

步驟四

全部設定完成後,於中間預覽區確認,點擊頁面右上角「更新並使用」按鈕,即時同步更新 App 介面。

Screenshot 2026-07-09 at 12.36.42 PM.png

 

 

 

 

 

還有其他問題?提交請求

評論