设置商品列表页与商品详情页模板 – SHOPLINE 常见问题

【商品列表】和【商品详情页】支持创建多个页面模板，让您可以为不同商品分类或商品单独设计装修效果，不再局限于全店统一的一套页面样式。

每个页面类型除了系统自带的默认模板外，最多可再创建 20 个自定义模板，并将其分配给指定的分类或商品；未分配自定义模板的分类或商品会自动使用默认模板的装修效果。

本文将介绍如何创建自定义模板、如何将模板分配给分类或商品，以及如何管理已创建的模板列表。

了解默认模板和自定义模板

每个商品列表页和商品详情页都包含一个默认模板，您可以自行创建自定义模板：

默认模板和自定义模板的页面结构相同，均由固定区和主体区组成，差别只在于主体区中放置了哪些组件。

每个模板由固定区和主体区组成，两者的组件在跨模板显示上的行为并不相同：

固定区（共享组件）：如顶部应用栏、商品相册、商品信息、悬浮图标、悬浮操作栏等，仅默认模板可编辑；自定义模板对其为只读状态，会自动同步展示默认模板中的内容。
主体区（专属组件）：主体区内添加的组件均为专属组件。每个模板各自添加、各自编辑，互不影响，不会同步到其他模板。

注意：【公告栏】固定显示在页面顶部（不可调整顺序），属于共享组件，仅可在默认模板中编辑其内容，自定义模板会同步展示默认模板的公告栏设置。

若要为商品列表页或商品详情页创建新的自定义模板，请按照以下步骤操作：

点击 Shopper App 编辑器顶部的页面选择器，选择【商品列表】或【商品详情页】，然后点击【+ 创建模板】。
在弹出的创建面板中，填写以下内容：
- 【模板名称】：为模板设置一个名称，最多 50 个字符。
- 【基于】：选择模板的创建来源：默认模板 或某个已有的 自定义模板。
点击【创建】，创建成功后会显示提示信息。

注意： 每个页面类型最多可创建 20 个自定义模板，达到上限后将无法继续创建新模板。

创建模板后，您可以将其分配给指定的商品分类，使这些分类下的商品列表使用该模板的装修效果：

从左栏菜单，点击模板旁的【分配分类】。
在【未分配】页签中，搜索 Shopper App 销售渠道下的商品分类，或直接从列表中选择分类（支持多选和全选）。选择完成后，点击【分配】完成分配。
所选分类将归类至【已分配】标签页。
若要取消已分配至自定义模板的分类，点击【已分配】标签页，选择要取消分配的分类（支持多选和全选），然后点击【取消分配】。

注意：

创建模板后，您可以将其分配给指定的商品，使这些商品的详情页使用该模板的装修效果：

注意：

创建模板后，您可以在模板列表中查看和管理所有模板：

如需删除某个自定义模板，将鼠标悬停在模板上，点击对应的【垃圾桶】图标，然后确认删除。

注意： 删除自定义模板后，原本分配给该模板的分类或商品会自动回落到默认模板；修改模板名称也可能导致分类或商品与模板的关联失效，请谨慎操作。

主体区内添加的组件均为专属组件，各模板独立维护，暂不支持跨模板共享；固定区组件（如顶部应用栏、商品相册、商品信息、悬浮图标等）仍为共享组件，仅可在默认模板中编辑。
模板的创建和分配对所有市场一致，所有市场均可使用。您可以为各市场设置独立装修；未设置独立装修的市场将默认跟随 App 默认装修。有关多市场装修的详细说明，请参阅《按市场自定义您的 App 装修》。