您可以在底部应用栏设定分类页入口,从分类页入口点击进入原生分类页,可以自订分类页展示样式。如果是从 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 介面。

评论