Simple 版型设定|Shopper App

EC+SC.png

品牌會員購物 App.png

Simple 版型为完全自定义的首页版型,提供数十种元件供选择,可根据您的设计需求进行自定义编辑。

如您希望 App 能更凸显个性化设计且与网店有所差异的话,建议套用 「Simple 版型」;如您认为网店内容很适合同步至 App 首页,且不想花多馀精力设计 App 首页,建议套用「商店版型」。

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

 

Simple 版型主要区分为四个区块:

截圖 2025-02-18 下午2.29.34.png

 

一、元件區設定

首次进入 Simple 版型页面,便已默认顶部的应用栏、会员元件、图标目录、底部应用栏。顶部应用栏和底部应用栏不可删除,其馀两者可删除或移动位置。点击元件名称可以在右侧编辑区进行元件设置,或可进行元件顺序调整、隐藏、删除等设置。

截圖 2025-02-18 下午2.36.23.png

1. 将鼠标挪至需要调整的元件上,会出现相应的设置图标

  • 点住 Screenshot_2023-05-26_at_12.46.50_PM.png 图标可上下拖动元件的位置
  • 点击 Screenshot_2023-05-26_at_12.48.24_PM.png 图标,会在后台预览区隐藏当前的元件,而点击 Screenshot_2023-05-26_at_12.48.34_PM.png 则会重新在预览区展示当前的元件
  • 点击 Screenshot_2023-05-26_at_12.51.02_PM.png删除当前元件

 

2. 添加元件

点击「添加元件」增加其他元件,目前 Simple 版型已经支持 13 种元件,能满足您的设置需求。

截圖 2025-02-18 下午2.42.04.png

 

将鼠标点住元件,如「轮播图」,然后直接拖曳至预览区。根据提示,拖到蓝色的区域,停顿一下,随后当
提示文字由「请将元件放置到此处」变为「确认放置」时,松开滑鼠便能放置成功。

截圖 2025-02-18 下午2.48.33.png

 

二、预览区

在 Simple 版型设置过程中,可直接从预览区体验实际设置效果。预览区看见的效果即为 App 端实际展示之效果。

点击预览区某个元件后,会出现设置按钮,点按  Screenshot_2023-05-26_at_1.02.09_PM.png 上移元件、点按 Screenshot_2023-05-26_at_1.02.15_PM.png 下移元件、点按 Screenshot_2023-05-26_at_12.51.02_PM.png  删除元件。

截圖 2025-02-18 下午3.08.51.png

 

三、编辑区

在左侧元件区或中间预览区选中元件后,右侧会出现相应元件的编辑设置项,根据内容项进行填写即可。

截圖 2025-02-18 下午3.11.34.png

 

四、按钮区

按钮区左侧点击下拉选单,可进行页面切换;页面右侧为储存、更新钮,如您完成设置后暂不想更新至 App 端,则可先点选储存,如已完成设置后想更新至 App 端,则点击更新并使用。

若您尚未进行首次发佈,设置完成后需前往「Shopper App 管理 > App 发佈设定」发佈该内容。发佈成功后 App 端才会生效;首次发佈后,点击更新并使用后 App 端便会立即生效。

*注意:若您设置的元件内为最新版上线的新元件,则需将 App 更新至最新版后才会生效。

截圖 2025-02-18 下午3.17.24.png

 

 

延伸阅读

 

 

 

 

 

还有其它问题?提交请求

评论