分类页设定|Shopper App

您可以在底部应用栏设定分类页入口,从分类页入口点击进入原生分类页,可以自订分类页展示样式。如果是从 EC H5 页面打开商品分类页,进入的仍然是 EC H5 分类页面。

⚠️ 开始前请注意:此功能在香港地区仅支持 Shopper App Pro 版本。

 

步骤一

前往「商店后台 > Shopper App 管理 > App 设计 > 商品分类页 」,点按「设定」按钮。

截圖 2025-09-19 下午3.06.27.png

 

步骤二

于左侧元件区点选「分类」,并于右侧编辑区选择分类页样式,预设选择「纯文字列表」,以下将分别介绍。

Screenshot 2026-08-04 at 3.15.43 PM.png

 

1. 图文列表

  • 设定分类图片,可以设定每级分类下最小子分类的图片,将鼠标挪到需要设定的子分类栏,可以看到最右侧1.5_ver_ZHa.png图标,点击1.5_ver_ZHa.png图标后新增图片,图片建议尺寸为 160*160。

    截圖 2025-09-19 下午3.25.02.png
  • 设定分类商品是否显示售罄商品、隐藏商品,点击右侧开关进行开启或关闭。

    截圖 2025-09-19 下午3.16.30.png

 

*注意:

  1. 预设同步网店所有上架状态的分类,包含分类横图和分类名称,如要修改需在「商品及分类 > 分类」进行修改,在后台修改后,App 端会有 1 ~ 1.5 小时左右的缓存。

  2. 若选择图文列表样式但未设定图片的话,则会获取每个子分类下在售商品中的第一款商品图作为子分类图。

  3. 从分类页点击后会进入到原生商品列表页,售罄商品、隐藏商品的设定也会同步到商品列表页。

 

 2. 纯文字列表

只需设定分类商品是否显示售罄商品、隐藏商品,点击右侧开关进行开启或关闭。

截圖 2025-09-19 下午3.16.30.png

 

3. 图文横幅

您可以于左侧元件区新增分组,最多可设定 5 个分组,且每个分组下最多显示 30 个分类,并分别进行以下设定。

*注意:Shopper App 平台版本需更新至 v1.21 及以上才可使用此功能,其余版本将显示「图文列表」样式。

Screenshot 2026-08-04 at 3.19.28 PM.png
  • 输入分类名称,将显示于上方选单。

    Screenshot 2026-08-04 at 3.26.48 PM.png
  • 设定背景与字体颜色。

    Screenshot 2026-08-04 at 3.27.45 PM.png
  • 分类图片可选择您在「商品及分类 > 分类 > 分类横图」所设定的图片,或系统自动套用该商品分类的其中一款商品图。

    Screenshot 2026-08-04 at 3.29.22 PM.png
  • 选择分类后,您可以选择是否显示标签,并自订标签内容及颜色。同时支持在此处上传自订分类图片。

    Screenshot 2026-08-04 at 3.31.37 PM.png

 

步骤三

于左侧元件区点选「底部应用栏」,详细功能请参考:底部应用栏|Shopper App

Screenshot 2026-08-04 at 3.33.24 PM.png

 

步骤四

全部设定完成后,并在中间预览区查看无问题后,点击页面右上角「更新」按钮,即时同步更新 App 介面。

Screenshot 2026-08-04 at 3.34.17 PM.png

 

 

 

 

 

 

 

还有其它问题?提交请求

评论