您可以在底部應用欄設定分類頁入口,點擊進入到原生分類頁,支援自訂分類頁展示樣式。若是從 EC H5 頁面打開商品分類頁,進入的仍然是 EC H5 分類頁面。
⚠️ 開始前請注意:此功能於香港地區僅支援 Shopper App Pro 版本。
步驟一
前往「商店後台 > Shopper App 管理 > App 設計 > 商品分類頁 」,點按「設定」按鈕。
步驟二
於左側元件區點選「分類」,並於右側編輯區選擇分類頁樣式,預設選擇「純文字列表」,以下將分別介紹。
[即將推出]
1. 圖文列表
-
設定分類圖片,可以設定每級分類下最小子分類的圖片,將鼠標挪到需要設定的子分類欄,點擊右側
圖標後新增圖片,圖片建議尺寸為 160*160。
-
設定分類商品是否顯示售罄商品、隱藏商品,點擊右側開關進行開啟或關閉。
*注意:
- 預設同步網店所有上架狀態的分類,包含分類橫圖和分類名稱,如要修改需在「商品及分類 > 分類」進行修改,在後台修改後,App 端會有 1 ~ 1.5 小時左右的緩存。
- 若選擇圖文列表樣式但未設定圖片的話,則會獲取每個子分類下在售商品中的第一款商品圖作為子分類圖。
- 從分類頁點擊後會進入到原生商品列表頁,售罄商品、隱藏商品的設定也會同步到商品列表頁。
2. 純文字列表
只需設定分類商品是否顯示售罄商品、隱藏商品,點擊右側開關進行開啟或關閉。
[即將推出] 3. 圖文橫幅
您可以於左側元件區新增分組,最多可設定 5 個分組,且每個分組下最多顯示 30 個分類,並分別進行以下設定。
*注意:Shopper App 平台版本需更新至 v1.21 及以上才可使用此功能,其餘版本將顯示「圖文列表」樣式。
-
輸入分類名稱,將顯示於上方選單。
-
設定背景與字體顏色。
-
分類圖片可選擇您在「商品及分類 > 分類 > 分類橫圖」所設定的圖片,或系統自動套用該商品分類的其中一款商品圖。
-
選擇分類後,您可以選擇是否顯示標籤,並自訂標籤內容及顏色。同時支援在此處上傳自訂分類圖片。
步驟三
於左側元件區點選「底部應用欄」,詳細功能請參考:底部應用欄|Shopper App。
[即將推出]
步驟四
全部設定完成後,於中間預覽區確認,點擊頁面右上角「更新並使用」按鈕,即時同步更新 App 介面。

評論