模板

模板由一组分区构成,这些分区经配置可为在线商店提供一致的外观。模板中的可用分区取决于您的模板。在模板编辑器中,您可以找到哪些模板应用于哪些页面,然后编辑模板,自定义向客户显示的信息。

您的模板包含不同类型内容的页面模板。这些模板类型包含分区和区块,能从 Shopify 后台的相应区域动态提取内容。例如,模板的产品页面模板会在 Shopify 后台的产品部分为在线商店发布的每一件产品创建页面。

编辑模板时,您的更改将应用于使用该模板的每个页面。例如,如果您向产品系列模板添加新闻通讯注册表单,则使用默认产品系列模板的所有产品系列页面都显示新闻通讯注册表单。

默认页面模板

每个默认的页面模板都有自己的默认分区和设置,您可以在模板编辑器中进行编辑和自定义。例如,产品页面默认具有产品信息分区和相关产品分区。每个模板的具体自定义设置取决于模板的开发人员和模板版本。详细了解如何查找您的模板版本

默认情况下,模板在您的模板中可用。

产品

模板的产品页面会展示商店中出售的产品信息,客户可以通过该页面购买产品。

在模板编辑器中,产品页面默认具有产品信息分区和相关产品分区。

产品信息分区会显示产品的详细信息,例如标题、描述、价格和图片。您可以在 Shopify 后台的产品页面中管理您的产品。

产品系列

模板的产品系列页面会在 Shopify 后台的产品 > 产品系列显示您所创建的产品系列。将特定产品归类在一起。您可以拥有智能产品系列手动产品系列

在模板编辑器中,产品系列页面默认具有产品系列横幅分区和产品网格分区。

产品系列列表

产品系列列表页面显示在线商店销售渠道上供应的所有产品系列。例如,如果您有一家珠宝店,那么您可以在菜单中添加指向产品系列列表页面的链接,以便客户按珠宝类型(例如戒指或项链)进行浏览。您需要为每个类别创建产品系列。

礼品卡

当您创建礼品卡或客户订购礼品卡产品时,礼品卡页面会显示该礼品卡的详细信息,例如礼品卡价值或余额和兑换代码。

礼品卡页面是模板的一部分。您可以自定义模板,添加或调整礼品卡页面的样式和包含的信息。

无法自定义礼品卡的价值和礼品卡兑换代码。

页面

您可以在 Shopify 后台中创建自定义页面,用于创建面向客户的内容,例如“关于我们”页面或有关产品的额外信息。

购物车页面

客户可以在在线商店的购物车页面中查看其已添加到购物车的商品。

在模板编辑器中,购物车页面默认具有一个商品分区和一个小计分区。

博客

在线商店的博客页面是您在 Shopify 后台创建的博客的主页,包含该博客中所有已发布的博客文章。

在模板编辑器中,博客页面默认包含博客文章分区。

博客文章

在线商店的博客文章页面会显示您在 Shopify 后台的内容 > 博客文章页面所创建的博客文章。在模板编辑器中,博客文章页面默认包含博客文章分区。

搜索页面

搜索页面是客户可以在您的在线商店中搜索和查找特定产品、页面或博客文章的位置。

在模板编辑器中,搜索页面默认包含搜索结果分区。

除了搜索结果分区设置外,您还可以查看和自定义搜索行为的一些模板设置,还可以添加特定于分区的自定义 CSS

密码页面

您可以在 Shopify 后台的在线商店 > 偏好设置页面将商店设置为受密码保护。如果您的商店受密码保护,那么系统将向在线商店的访客显示密码页面。密码页面模板有独特的标头和页脚。您可以通过模板编辑器自定义密码页面模板。

404 页面

当客户尝试访问不存在的网站链接(例如您已从商店中删除的产品的产品页面)时,系统会显示 404 页面。

此页面没有可自定义设置,但您可以在模板编辑器中向 404 页面添加特定于分区的自定义 CSS

编辑模板

您可以编辑模板,向在线商店中添加分区。某些分区包含可以进一步自定义的块,但并非所有分区或块都有可编辑的设置或内容。编辑模板时,您的更改会实时显示在模板编辑器预览中。

步骤:

桌面
  1. 在 Shopify 后台中,转至在线商店 > 模板

  2. 找到您要编辑的模板,然后点击自定义

  3. 点击主页下拉菜单,然后选择要编辑的模板。

  4. 若要向模板添加新分区,点击添加分区,然后为模板选择新分区。

  5. 可选:要向新分区添加块,点击添加块,然后为分区选择新块。

  6. 点击新分区和块,查看其设置和选项,然后进行更改。

  7. 点击保存

iPhone
  1. Shopify 应用中,轻触 溢出菜单
  2. 销售渠道部分,点击在线商店
  3. 点击管理所有模板
  4. 找到您要编辑的模板,然后轻触自定义
  5. 轻触主页下拉菜单,然后选择要编辑的模板。
  6. 若要向模板添加新分区,轻触分区 > 添加分区,为模板选择新分区,然后轻触添加
  7. 可选:要向新分区添加块,轻触添加块,然后为分区选择新块。
  8. 轻触新分区和块,查看其设置和选项,然后进行更改。
  9. 轻触保存
Android
  1. Shopify 应用中,轻触 溢出菜单
  2. 销售渠道部分,点击在线商店
  3. 点击管理所有模板
  4. 找到您要编辑的模板,然后轻触自定义
  5. 轻触主页下拉菜单,然后选择要编辑的模板。
  6. 若要向模板添加新分区,轻触分区 > 添加分区,为模板选择新分区,然后轻触添加
  7. 可选:要向新分区添加块,轻触添加块,然后为分区选择新块。
  8. 轻触新分区和块,查看其设置和选项,然后进行更改。
  9. 轻触

创建新模板的注意事项

创建新模板之前,请查看以下注意事项:

  • 您可以为产品、产品系列、页面、博客和博客文章设置多个模板,但您总共只能拥有 1,000 个模板。
  • 您只能使用兼容的模板创建新页面模板。
  • 所有模板都有产品系列、产品、博客、博客文章和页面的默认模板。除非您创建了替代模板,否则商店的资源和内容都将使用这些默认模板显示。
  • 您对模板所做的任何更改都会影响使用该模板的所有页面。如果您想以不同方式显示特定类型的某些页面,则可以基于模板中的现有模板创建新模板。
  • 基于现有模板创建新模板时,您的新模板会自动填充与现有模板相同的分区。然后,您可以删除、添加或隐藏分区,并根据需要编辑分区内容,而不会影响使用现有模板的页面的显示。

创建新模板

桌面
  1. 在 Shopify 后台中,转至在线商店 > 模板

  2. 找到您要编辑的模板,然后点击自定义

  3. 点击主页下拉菜单,选择模板类型,然后点击创建模板

  4. 创建模板对话框中,执行以下操作之一:

    • 名称字段中,输入新模板的唯一名称。
    • 基于下拉菜单中,选择新模板要基于的现有模板。
  5. 点击创建模板

iPhone
  1. Shopify 应用中,轻触 溢出菜单

  2. 销售渠道部分,点击在线商店

  3. 点击管理所有模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触主页下拉菜单,选择模板类型,然后轻触创建模板

  6. 创建模板对话框中,执行以下操作之一:

    • 名称字段中,输入新模板的唯一名称。
    • 基于下拉菜单中,选择新模板要基于的现有模板。
  7. 轻触创建模板

Android
  1. Shopify 应用中,轻触 溢出菜单

  2. 销售渠道部分,点击在线商店

  3. 点击管理所有模板

  4. 找到您要编辑的模板,然后轻触自定义

  5. 轻触主页下拉菜单,选择模板类型,然后轻触创建模板

  6. 创建模板对话框中,执行以下操作之一:

    • 名称字段中,输入新模板的唯一名称。
    • 基于下拉菜单中,选择新模板要基于的现有模板。
  7. 轻触创建模板

创建新模板后,您可以将模板应用于想使用该模板的在线商店页面。

为元对象创建模板

您可以为元对象的网页创建模板。若要使用此功能,请完成以下步骤:

  1. 创建具有店面访问权限元对象定义,并可以选择手动激活网页功能。创建模板样式时,模板编辑器会激活网页功能。
  2. 为元对象定义创建条目

现在,您可以在模板编辑器中创建元对象模板

预览模板

您可以使用模板预览来预览您的在线商店资源(例如产品和页面)在应用不同模板时向客户显示的方式。

模板在产品、产品系列、页面、博客或博客文章级别分配。您可以在模板编辑器中创建编辑模板,但您可以在 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. 从搜索结果列表中选择资源。

应用新模板

您可以在已发布的模板中更改以下分区的已分配模板:

  • 页面
  • 产品
  • 产品系列
  • 博客
  • 博客文章

您可以在 Shopify 后台中更改已分配的模板。显示的模板选项仅基于当前实时模板中的可用模板。

为产品和产品系列分配模板时,可以逐个项目分配,也可以使用批量编辑器同时为多个项目分配。

向页面应用新模板

桌面
  1. 在 Shopify 后台中,转至在线商店 > 页面
  2. 点击要应用新模板的页面。
  3. 在线商店部分,点击模板样式下拉菜单,然后选择要应用于页面的模板。
  4. 点击保存
iPhone
  1. Shopify 应用中,轻触 溢出菜单
  2. 销售渠道部分,点击在线商店
  3. 轻触页面
  4. 轻触要应用新模板的页面。
  5. 在线商店部分,轻触模板样式下拉菜单,然后选择要应用于页面的模板。
  6. 轻触保存
Android
  1. Shopify 应用中,轻触 溢出菜单
  2. 销售渠道部分,点击在线商店
  3. 轻触页面
  4. 轻触要应用新模板的页面。
  5. 在线商店部分,轻触模板样式下拉菜单,然后选择要应用于页面的模板。
  6. 轻触

将新模板应用于产品

桌面
  1. 在 Shopify 后台中,转至产品

  2. 点击要应用新模板的产品。

  3. 模板样式部分,点击下拉菜单,然后选择要应用于产品的模板。

  4. 点击保存

iPhone
  1. Shopify 应用中,轻触 产品图标 。
  2. 轻触要应用新模板的产品。
  3. 轻触在线商店模板
  4. 选择要应用于产品的模板。
  5. 轻触保存
Android
  1. Shopify 应用中,轻触 产品图标 。
  2. 轻触要应用新模板的产品。
  3. 轻触在线商店模板
  4. 选择要应用于产品的模板。
  5. 轻触

将新模板应用于产品系列

  1. 在 Shopify 后台中,转至产品 > 产品系列
  2. 点击要应用模板的产品系列。
  3. 模板样式部分,点击下拉菜单,然后选择要应用于产品系列的模板。
  4. 点击保存

向博客应用新模板

桌面
  1. 从 Shopify 后台,前往内容 > 博客文章
  2. 点击管理博客
  3. 点击要应用模板的博客。
  4. 在线商店部分,点击模板样式下拉菜单,然后选择要应用于博客的模板。
  5. 点击保存
iPhone
  1. Shopify 应用中,轻触 溢出菜单
  2. 轻触内容
  3. 轻触下拉菜单,然后轻触博客文章
  4. 轻触水平菜单 > 管理博客
  5. 轻触要应用模板的博客。
  6. 在线商店部分,轻触模板样式下拉菜单,然后选择要应用于博客的模板。
  7. 轻触保存
Android
  1. Shopify 应用中,轻触 溢出菜单
  2. 轻触内容
  3. 轻触下拉菜单,然后轻触博客文章
  4. 轻触垂直菜单 > 管理博客
  5. 轻触要应用模板的博客。
  6. 在线商店部分,轻触模板样式下拉菜单,然后选择要应用于博客的模板。
  7. 轻触

将新模板应用于博客文章

桌面
  1. 从 Shopify 后台,前往内容>博客文章

  2. 点击要应用模板的博客文章。

  3. 在线商店部分,点击模板样式下拉菜单,然后选择要应用于博客的模板。

  4. 点击保存

iPhone
  1. Shopify 应用中,轻触 溢出菜单
  2. 轻触内容
  3. 轻触下拉菜单,然后轻触博客文章
  4. 轻触要应用模板的博客文章。
  5. 在线商店部分,轻触模板样式下拉菜单,然后选择要应用于博客文章的模板。
  6. 轻触保存
Android
  1. Shopify 应用中,轻触 溢出菜单
  2. 轻触内容
  3. 轻触下拉菜单,然后轻触博客文章
  4. 轻触要应用模板的博客文章。
  5. 在线商店部分,轻触模板样式下拉菜单,然后选择要应用于博客文章的模板。
  6. 轻触

为产品或产品系列批量应用新模板

您可以使用批量编辑器为多个产品或产品系列批量应用新模板。

为产品批量应用新模板

  1. 在 Shopify 后台中,转至产品

  2. 若要同时编辑多个产品,执行以下操作之一:

    • 若要逐个选择产品,请选中每个产品的复选框。
    • 若要选择一系列产品,请点击选择一个产品,然后按住 Shift 键并点击其他产品。这样会选择您点击的第一个产品和最后一个产品,以及这两个产品之间的所有产品。
    • 若要选择页面上的所有产品,请选中产品列表顶部的复选框。
    • 若要选择商店中的所有产品,请选中产品列表顶部的复选框,然后点击选择此商店中的全部
  3. 点击批量编辑

  4. 在批量编辑器中,点击下拉菜单,然后在常规部分中选择模板

  5. 点击模板列的第一个字段,然后按住 Shift 键并点击模板列的最后一个字段。所选项目周围会显示蓝色阴影。

  6. 点击您选择的第一个字段,然后从下拉菜单中选择您想要的模板,然后点击保存

为产品系列批量应用新模板

  1. 在 Shopify 后台中,转至产品 > 产品系列

  2. 若要同时编辑多个产品系列,请执行以下操作之一:

    • 若要逐个选择产品系列,请选中每个产品系列的复选框。
    • 若要选择一系列产品系列,请点击选择一个产品系列,然后按住 Shift 键并点击其他产品系列。这样会选择您点击的第一个产品系列和最后一个产品系列,以及这两个产品系列之间的所有产品系列。
    • 若要选择页面上的所有产品系列,请选中产品系列列表顶部的复选框。
    • 若要选择商店中的所有产品系列,请选中产品系列列表顶部的复选框,然后点击选择此商店中的全部
  3. 点击批量编辑

  4. 在批量编辑器中,点击下拉菜单,然后在常规部分中选择模板

  5. 点击模板列的第一个字段,然后按住 Shift 键并点击模板列的最后一个字段。所选项目周围会显示蓝色阴影。

  6. 点击您选择的第一个字段,然后从下拉菜单中选择您想要的模板,然后点击保存

管理模板

若要重命名或删除模板,您需要使用代码编辑器。编辑模板文件可能会导致您的在线商店出现问题。

删除模板时,已分配该模板的任何在线商店资源都将以默认模板显示,除非您分配其他模板。

重命名模板

  1. 在 Shopify 后台中,转至在线商店 > 模板

  2. 找到包含您要重命名的模板的模板,然后点击 ... > 编辑代码

  3. 在代码编辑器中,找到模板文件夹。

  4. 点击要重命名的模板名称,然后点击铅笔图标。

  5. 重命名文件对话框中,在文件名字段中输入新模板名称。

  6. 点击重命名文件

删除模板

  1. 在 Shopify 后台中,转至在线商店 > 模板

  2. 找到要从中删除模板的模板,然后点击 ... > 编辑代码

  3. 在代码编辑器中,找到模板文件夹。

  4. 点击要删除的模板名称,然后点击垃圾桶图标。

  5. 在对话框中,点击删除文件

没有找到您需要的答案?我们将为您提供帮助。