更改产品系列的顺序

您的商店包含产品系列列表页面(位于 URL your-store.com/collections),该页面按字母顺序显示您的所有产品系列。此自定义设置会演示如何指定包含哪些产品系列,以及如何在页面上更改其顺序。

产品系列列表页面

检查您的模板设置

所有免费 Shopify 模板的当前版本都包括一些设置,可允许您从模板编辑器中更改产品系列列表页面的布局。

步骤:

桌面
  1. 在 Shopify 后台中,转至在线商店 > 模板
  2. 找到您要编辑的模板,然后点击自定义
  3. 在页面顶部的下拉菜单或在移动设备上的模板菜单中,选择产品系列列表
  4. 点击产品系列列表页面以查看和更改设置。
  5. 点击保存
iPhone
  1. Shopify 应用中,点击 按钮。
  2. 销售渠道部分,轻触在线商店
  3. 点击管理所有模板
  4. 找到您要编辑的模板,然后轻触自定义
  5. 轻触编辑
  6. 在页面顶部的下拉菜单或在移动设备上的模板菜单中,选择产品系列列表
  7. 点击产品系列列表页面以查看和更改设置。
  8. 轻触保存
Android
  1. Shopify 应用中,点击 按钮。
  2. 销售渠道部分,轻触在线商店
  3. 点击管理所有模板
  4. 找到您要编辑的模板,然后轻触自定义
  5. 轻触编辑
  6. 在页面顶部的下拉菜单或在移动设备上的模板菜单中,选择产品系列列表
  7. 点击产品系列列表页面以查看和更改设置。
  8. 轻触保存

如果您的模板不包含用于修改产品系列列表页面的设置,您则需要创建菜单编辑模板代码

创建用于控制产品系列列表页面的菜单

您可以创建菜单以指定要在产品系列列表页面上包含的产品系列。

步骤:

桌面
  1. 在 Shopify 后台中,转至内容 > 菜单

  2. 点击添加菜单

  3. 将菜单命名为 All collections。请勿更改此名称,因为模板会使用此名称来确定要在产品系列列表页面上显示的产品系列及其显示顺序。您的在线商店中不会显示该菜单名称。

  4. 点击添加菜单项

  5. 添加菜单项窗口中,输入要在产品系列列表页面上显示的产品系列的名称。点击链接字段并选择产品系列,然后点击产品系列的名称。若要将菜单项移动到新位置,请点击并拖动菜单项左侧的点。

  6. 点击保存

iPhone
  1. Shopify 应用中,点击 按钮。
  2. 点击内容 > 菜单
  3. 点击添加菜单
  4. 将菜单命名为 All collections。请勿更改此名称,因为模板会使用此名称来确定要在产品系列列表页面上显示的产品系列及其显示顺序。您的在线商店中不会显示该菜单名称。
  5. 点击添加菜单项
  6. 添加菜单项窗口中,输入要在产品系列列表页面上显示的产品系列的名称。点击链接字段并选择产品系列,然后点击产品系列的名称。若要将菜单项移动到新位置,请点击并拖动菜单项左侧的点。
  7. 轻触保存
Android
  1. Shopify 应用中,点击 按钮。
  2. 点击内容 > 菜单
  3. 点击添加菜单
  4. 将菜单命名为 All collections。请勿更改此名称,因为模板会使用此名称来确定要在产品系列列表页面上显示的产品系列及其显示顺序。您的在线商店中不会显示该菜单名称。
  5. 点击添加菜单项
  6. 添加菜单项窗口中,输入要在产品系列列表页面上显示的产品系列的名称。点击链接字段并选择产品系列,然后点击产品系列的名称。若要将菜单项移动到新位置,请点击并拖动菜单项左侧的点。
  7. 轻触保存

对于某些模板,例如 Supply,您只需要创建 All collections 菜单。若要检查是否发生了任何更改,请转到您在线商店中的产品系列列表页面 (your-store.com/collections)。如果没有看到任何更改,则您需要编辑您的模板代码

自定义 list-collections.liquid 模板

您可以编辑产品系列列表页面的代码,以便页面仅显示您已包含在 All collections 菜单中的产品系列。

步骤:

桌面
  1. 在 Shopify 后台中,转至在线商店 > 模板
  2. 找到要编辑的模板,点击 ... 按钮打开操作菜单,然后点击编辑代码
  3. Sections 目录中,点击 list-collections-template.liquid
  4. 查找下方代码的所有匹配项:
{% for collection in collections %}

但某些模板包含的是如下代码:

{% for collection in list_collections %}

将上述代码的所有匹配项替换为:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. 点击保存
iPhone
  1. Shopify 应用中,点击 按钮。
  2. 销售渠道部分,轻触在线商店
  3. 轻触管理模板
  4. 找到要编辑的模板,点击 ... 按钮打开操作菜单,然后点击编辑代码
  5. Sections 目录中,点击 list-collections-template.liquid
  6. 查找下方代码的所有匹配项:
{% for collection in collections %}

但某些模板包含的是如下代码:

{% for collection in list_collections %}

将上述代码的所有匹配项替换为:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. 点击保存
Android
  1. Shopify 应用中,点击 按钮。
  2. 销售渠道部分,轻触在线商店
  3. 轻触管理模板
  4. 找到要编辑的模板,点击 ... 按钮打开操作菜单,然后点击编辑代码
  5. Sections 目录中,点击 list-collections-template.liquid
  6. 查找下方代码的所有匹配项:
{% for collection in collections %}

但某些模板包含的是如下代码:

{% for collection in list_collections %}

将上述代码的所有匹配项替换为:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. 点击保存
没有找到您需要的答案?我们将为您提供帮助。