精选商品元件|Shopper App

您可以设定「精选商品」元件,将商品以每行 3 件的样式展示于 App 首页,支援自行选择要展示的商品,或直接选择指定商品分类。

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

 

本篇文章将分别介绍:

 

一、设定精选商品元件

步骤一

前往 SHOPLINE 后台 >「Shopper App 管理 > App 设计 > 目前版型」,点选「设定」进入 App 页面编辑器。

截圖 2025-09-30 下午3.37.42.png

 

步骤二

点击「添加元件」,选择「精选商品」元件,拖曳至中间预览区提示可以放置元件的地方。

截圖 2025-09-26 下午3.07.10.png
截圖 2025-09-26 下午3.09.00.png

 

步骤三

于右侧编辑区进行以下设定。

1. 标题

输入精选商品标题,最多 100 个字元。

截圖 2025-09-26 下午3.13.50.png

 

2. 显示按钮

预设开启,您可以修改按钮显示文字,最少输入一种语言,且每种语言最多输入 20 个字元。

截圖 2025-09-26 下午3.18.19.png

 

3. 文字对齐

设定该元件标题对齐方式。

截圖 2025-09-26 下午3.20.23.png

 

4. 商品设定

系统固定每行显示 3 件商品,您可以设定商品显示行数,支援显示 1-10 行。

截圖 2025-09-26 下午3.25.09.png

 

5. 预约上架时间

若您有设定上架日期,元件将在指定时间于 App 中显示。

截圖 2025-09-26 下午3.28.26.png

 

 

二、设定分组内容

步骤一

于左侧区块新增分组,最多新增 10 个分组;您也可以在此处开启/关闭/删除精选商品元件。

截圖 2025-09-26 下午3.30.25.png

 

步骤二

点选分组,于右侧编辑区块选择商品,您可以按照商品或商品分类进行选择。

*注意:若您选择按照商品选择,需设定分组名称;若您按照商品分类选择,系统将以自动分类名称显示。

截圖 2025-09-26 下午3.34.00.png

 

 

三、App 端显示效果

若分组数量 > 1 时,标题下方会显示分组按钮,顾客可点击切换分组。

*注意:分组按钮将套用您于「主题设定 > 色彩 > 按钮」所设定的颜色。

截圖 2025-09-26 下午3.37.09.png

 

 


 

 

延伸阅读


 

 

 

 

 

 

 

 

还有其它问题?提交请求

评论