在页面上突出展示产品系列的子集

您可以通过编辑模板代码来在自定义页面上突出展示产品系列的子集。本教程介绍如何创建新的页面模板,以及如何使用菜单来分配要展示的产品系列。

产品系列子集的示例

所有 Shopify 商店都有一个产品系列列表页面(位于 URL www.mystore.com/collections),该页面显示商店中的所有产品系列。作为本教程的替代方法,您可以编辑产品系列列表页面,以仅显示精选的产品系列部分。

创建新的页面模板

  1. 在 Shopify 后台中,转至在线商店 > 模板
  2. 找到要编辑的模板,然后点击 ... 按钮 > 编辑代码
  3. Templates 目录中,点击添加新模板

  4. 为名为 list-collections页面创建新模板。

提示:Supply 模板附带一个预先构建的可用 page.list-collections 文件。

  1. 删除新 page.list-collections 文件中的现有代码。找到下方的模板代码,复制该代码并将其粘贴到您的 page.list-collections 文件中。
  2. 点击保存

选择您的模板

此自定义设置的代码因您的模板而异。点击模板的对应按钮,然后将代码复制并粘贴到您的 page.list-collections 文件中:

创建用于突出展示产品系列的页面

  1. 在 Shopify 后台中,转至在线商店 > 页面
  2. 点击添加页面
  3. 在页面编辑器中,在提供的文本框中输入标题。您必须对在后续步骤中创建的菜单使用相同的标题。
  4. 向该页面分配新模板:在在线商店分区中,从模板样式下拉菜单中选择列出产品系列

  5. 点击保存

备注:即使您的新页面是可见的,它也不会自动显示在您的在线商店导航中。您需要在菜单中添加指向此页面的链接

创建用于控制显示哪些产品系列的菜单

  1. 在 Shopify 后台中,转至在线商店 > 导航
  2. 点击添加菜单按钮。
  3. 根据您为将突出展示产品系列的页面提供的标题,为菜单提供相同的标题。例如,如果您创建的页面的标题为 Living Room,请为菜单提供标题 Living Room
  4. 点击添加菜单项,向菜单中添加您要突出展示的每个产品系列的链接。点击链接文本框下拉菜单中的产品系列,并选择商店中的产品系列。通过这种方式添加您的产品系列的链接,而不是向文本框中添加 URL。
  5. 点击保存菜单

准备好开始使用 Shopify 进行销售了吗?

免费试用