商城版型设定 | Shopper App

使用商城版型可以一键快捷同步网店首页到 App，并可实时同步网店最新信息到 App，无需您重复操作编辑，方便快捷。

⚠️ 开始前请注意：目前商城版型仅同步「支援 SHOP Builder」的首页内容，如果您的首页不是使用的 SHOP Builder 的话， App 将无法支持同步。

本篇文章将分别介绍：

• 商城版型设定步骤
• 与网店元件同步规则／展示差异

一、商城版型设定步骤

步骤一

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

＊注意：如您进入 App 设计页面出现「页面/元件更新提醒」弹窗，请点击「立即升级」进行后台功能升级。如点击取消升级，将无法正常同步网店首页内容。

步骤二

进入商城版型页面后，会弹出元件展示提示。点按「我知道了」关闭弹窗。

步骤三

页面左侧元件区和中间预览区会自动同步网店首页内容，除顶部应用栏、底部应用栏、侧边栏、主要分页、悬浮元件、直播悬浮元件外，其余同步元件不支持在该页面重新进行编辑设置。如需修改内容，请至「网店设计 > 网店分页」。

中间预览区内容和 App 展示效果一致。如果您看到预览区展示空白页面并提示无可支持的元件，则有可能是您的网店首页非新编辑器首页，或您首页的元件都是不支持同步的。

步骤五

于左侧栏位点击「主题设定」，进行色彩及商品设定。设定方法请参考：主题设定 | Shopper App。

＊商城版型的「主题设定」和 Simple 版型共用。如在某一个版型里做修改，另一个版型也将自动同步。

步骤六

以上设置完成后，点击右上角「更新并使用」。如果您的 App 已更新到最新版，重启 App 后，App 首页内容将立即更新；如果 App 尚未更新到最新版，需更新后首页才会同步。

＊注意：

• 未更新到新版 App 的顾客还是会看到原 Simple 版型的首页内容；已更新新版 App 的顾客会看到最新的商城版型内容。建议您在一段时间内还需维持原 Simple 版型首页内容。

• 商城版型使用过程中，如果您的网店首页从支持新页面编辑器切换为普通首页，App 首页将展示原首页内容，不会同步进行首页内容更新。

• 如您在网店首页更新同步的元件内容后，App 端会自动同步更新。

步骤七

在「App 设计 > 首页设计 > 目前版型」页面，使用中的版型将展示「使用中」标签。

二、与网店元件同步规则／展示差异

1. 元件同步注意事项

• 支持同步公告栏、文字组合、图片组合、图文组合、轮播、影片组合、商品类别、商品轮播列表、商品列表、商品描述、折叠段落、商品分类标签、活动倒数。
• 不支持同步部落格、销售组合、Instagram、订阅、客制化语法元件。
• 不支持同步页首和页尾。

• 店面级别设定里仅支持同步色彩 > 公告栏的设定，其余设定全部不支持同步。

   

2. 与网店元件展示差异