Simple 版型为完全自定义的首页版型,提供数十种元件供选择,可根据您的设计需求进行自定义编辑。
如您希望 App 能更凸显个性化设计且与网店有所差异的话,建议套用 「Simple 版型」;如您认为网店内容很适合同步至 App 首页,且不想花多馀精力设计 App 首页,建议套用「商店版型」。
⚠️ 开始前请注意:此功能在香港地区仅支持 Shopper App Pro 版本。
Simple 版型主要区分为四个区块:
一、元件區設定
首次进入 Simple 版型页面,便已默认顶部的应用栏、会员元件、图标目录、底部应用栏。顶部应用栏和底部应用栏不可删除,其馀两者可删除或移动位置。点击元件名称可以在右侧编辑区进行元件设置,或可进行元件顺序调整、隐藏、删除等设置。
1. 将鼠标挪至需要调整的元件上,会出现相应的设置图标
-
点住
图标可上下拖动元件的位置
-
点击
图标,会在后台预览区隐藏当前的元件,而点击
则会重新在预览区展示当前的元件
- 点击
删除当前元件
2. 添加元件
点击「添加元件」增加其他元件,目前 Simple 版型已经支持 13 种元件,能满足您的设置需求。
将鼠标点住元件,如「轮播图」,然后直接拖曳至预览区。根据提示,拖到蓝色的区域,停顿一下,随后当
提示文字由「请将元件放置到此处」变为「确认放置」时,松开滑鼠便能放置成功。
二、预览区
在 Simple 版型设置过程中,可直接从预览区体验实际设置效果。预览区看见的效果即为 App 端实际展示之效果。
点击预览区某个元件后,会出现设置按钮,点按 上移元件、点按
下移元件、点按
删除元件。
三、编辑区
在左侧元件区或中间预览区选中元件后,右侧会出现相应元件的编辑设置项,根据内容项进行填写即可。
四、按钮区
按钮区左侧点击下拉选单,可进行页面切换;页面右侧为储存、更新钮,如您完成设置后暂不想更新至 App 端,则可先点选储存,如已完成设置后想更新至 App 端,则点击更新并使用。
若您尚未进行首次发佈,设置完成后需前往「Shopper App 管理 > App 发佈设定」发佈该内容。发佈成功后 App 端才会生效;首次发佈后,点击更新并使用后 App 端便会立即生效。
*注意:若您设置的元件内为最新版上线的新元件,则需将 App 更新至最新版后才会生效。
延伸阅读
- 底部应用栏|Shopper App
- 文字元件|Shopper App
- 商品轮播列表元件|Shopper App
- 商品类别元件|Shopper App
- 商品列表元件|Shopper App
- App 整体颜色设置|Shopper App
- 顶部应用栏|Shopper App
- 公告栏元件|Shopper App
- 会员元件|Shopper App
- 图标目录元件|Shopper App
- 轮播图元件|Shopper App
- 图文列表元件|Shopper App
- 影片元件|Shopper App
- 优惠活动元件|Shopper App
- 优惠代码元件|Shopper App
- 社交媒体元件|Shopper App

评论