模板

模板是一组经过配置的分区,可为您的在线商店提供一致的设计和外观。模板中可用的分区取决于您的主题。在主题编辑器中,您可以找到应用于各个页面的模板,然后编辑模板以自定义向客户显示的信息。

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

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

您可以通过主题编辑器菜单栏中的页面选择器访问主题的所有模板。

从菜单栏中选择模板

默认模板

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

默认情况下,您的模板中会提供这些模板。

产品

您模板的产品页面会显示您在商店中销售的产品信息,客户可在此处购买产品。

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

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

产品系列

您模板的产品系列页面会显示您在 Shopify 后台的产品 > 产品系列页面中创建的产品系列

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

产品系列列表

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

礼品卡

当您创建礼品卡或客户订购礼品卡产品时,该礼品卡的详细信息(例如礼品卡价值或余额以及兑换码)会包含在礼品卡页面上。

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

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

页面

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

购物车页面

在线商店中的购物车页面是您的客户可以查看他们已添加到购物车中的商品的地方。

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

博客

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

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

博客文章

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

搜索页面

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

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

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

密码页面

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

404 页面

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

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

编辑您的模板

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

步骤:

台式电脑
  1. 在您的 Shopify 后台中,转至在线商店 > 模板

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

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

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

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

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

  7. 点击保存

移动设备
  1. Shopify 应用中,轻触 菜单 图标。

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理所有模板

  4. 找到要编辑的模板,然后轻触编辑模板

  5. 轻触主页下拉菜单,然后选择您要编辑的模板样式。

  6. 若要向模板样式添加新分区,请轻触分区 > 添加分区,为您的模板样式选择一个新分区,然后轻触添加

  7. 可选:若要为您的新分区添加块,请轻触添加块,然后为您的分区选择一个新块。

  8. 轻触新的分区和块以查看其设置和选项,然后进行更改。

  9. 轻触保存

创建新模板样式的注意事项

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

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

创建新模板样式

台式电脑
  1. 在您的 Shopify 后台中,转至在线商店 > 模板

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

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

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

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

移动设备
  1. Shopify 应用中,轻触 菜单 图标。

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理所有模板

  4. 找到要编辑的模板,然后轻触编辑模板

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

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

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

创建新模板样式后,您可以将该模板样式应用到要使用它的在线商店页面。

为元对象创建模板样式

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

  1. 创建元对象定义,为其提供店面访问权限,并(可选)手动激活网页功能。当您创建模板样式时,模板编辑器会激活网页功能。
  2. 为元对象定义创建条目

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

预览模板样式

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

模板样式在产品、产品系列、页面、博客或博客文章级别进行分配。您在模板编辑器中创建编辑模板样式,但在 Shopify 后台中更改资源的已分配模板样式

预览模板样式的注意事项

在为您的不同在线商店资源预览模板样式时,请注意以下详细信息:

  • 在模板编辑器中预览产品模板样式时,您可以使用状态为“活跃”“草稿”的产品,但无法预览状态为“已归档”的产品。
  • 在模板编辑器中预览产品系列模板时,您需要确保该产品系列已在线商店激活为销售渠道。如果未将在线商店激活为该产品系列的销售渠道,则无法在模板编辑器中使用任何产品系列模板预览该产品系列。
  • 在模板编辑器中预览页面模板样式时,您可以使用可见性设置为“可见”“隐藏”的页面。
  • 在模板编辑器中预览博客文章模板样式时,您可以使用可见性设置为“可见”“隐藏”的博客文章。

博客没有任何不同的状态或可见性参数,因此您可以使用博客模板样式来预览您在线商店中的任何已发布博客。

预览备用模板样式

您可以预览您的产品、产品系列、页面、博客或博客文章在应用不同模板样式后的显示效果。

步骤:

台式电脑
  1. 在您的 Shopify 后台中,转至在线商店 > 模板

  2. 找到要用来预览模板样式的模板,然后点击编辑模板

  3. 点击主页下拉菜单,然后选择要使用的模板样式。

  4. 在模板编辑器侧边栏的预览部分中,点击更改

  5. 点击要使用所选模板样式进行预览的资源。

移动设备
  1. Shopify 应用中,轻触 菜单 图标。

  2. 销售渠道部分,轻触在线商店

  3. 轻触管理所有模板

  4. 找到要用来预览模板样式的模板,然后轻触编辑模板

  5. 轻触主页下拉菜单,然后选择要使用的模板样式。

  6. 若要选择要使用模板进行预览的资源,请再次轻触该下拉菜单。

  7. 搜索在线商店 字段中,输入您要使用所选模板进行预览的资源的名称。

  8. 从搜索结果列表中选择您的资源。

预览特定资源

您可以预览商店中任何兼容资源应用您的模板时的显示效果。例如,如果您正在查看产品模板,则可以使用商店中的任何产品来测试该模板。

您仍需要在 Shopify 后台中将模板分配给资源。

您还可以在页面选择器、添加分区添加块工具或应用嵌入中使用搜索栏来搜索模板和资源。

步骤:

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

  2. 在要编辑的模板旁边,点击 编辑模板

  3. 从模板菜单中,选择您要预览的模板。

  4. 在侧边栏菜单的 预览 分区中,点击 更改

  5. 选择 菜单中,选择要预览的资源。

应用新模板

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

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

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

产品和产品系列的模板可以在单个商品级别进行分配,也可以使用 批量编辑器 同时分配给多个商品。

将新模板应用于页面

台式电脑
  1. 在 Shopify 后台中,转至 在线商店 > 页面

  2. 点击您要应用新模板的页面。

  3. 在线商店 分区中,点击 模板 下拉菜单,然后选择要应用于页面的模板。

  4. 点击保存

移动设备
  1. Shopify 应用中,轻触 菜单 图标。

  2. 销售渠道部分,轻触在线商店

  3. 轻触页面

  4. 轻触您要应用新模板的页面。

  5. 在线商店 分区中,轻触 模板 下拉菜单,然后选择要应用于页面的模板。

  6. 轻触保存

将新模板应用于产品

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

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

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

  4. 点击保存

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

将新模板应用于产品系列

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

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

  3. 模板 分区中,点击下拉菜单,然后选择要应用于产品系列的模板。

  4. 点击保存

将新模板应用于博客

台式电脑
  1. 在 Shopify 后台中,转至内容 > 博客文章
  2. 点击管理博客
  3. 点击要应用模板的博客。
  4. 在线商店 分区中,点击 模板 下拉菜单,然后选择要应用于博客的模板。
  5. 点击保存
移动设备
  1. Shopify 应用中,轻触 菜单 图标。

  2. 内容菜单中,轻触 向下箭头 图标,然后轻触博客文章

  3. 轻触 水平菜单垂直菜单 > 管理博客

  4. 轻触要应用模板的博客。

  5. 在线商店 分区中,轻触 模板 下拉菜单,然后选择要应用于博客的模板。

  6. 轻触保存

将新模板应用于博客文章

台式电脑
  1. 在 Shopify 后台中,转至内容 > 博客文章

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

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

  4. 点击保存

移动设备
  1. Shopify 应用中,轻触 菜单 图标。

  2. 内容菜单中,轻触 向下箭头 图标,然后轻触博客文章

  3. 轻触要应用模板的博客文章。

  4. 在线商店 分区中,轻触 模板 下拉菜单,然后选择要应用于博客文章的模板。

  5. 轻触保存

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

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

批量将新模板应用于产品

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

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

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

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

  5. 点击“模板”列的第一个单元格,然后按住 Shift 键并点击“模板”列的最后一个单元格。您选择的项周围将显示蓝色阴影。

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

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

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

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

    • 若要逐个选择产品系列,请选中每个产品系列的复选框。
    • 若要选择一系列产品系列,请先点击以选择一个产品系列,然后按住 Shift 键并点击另一个产品系列。此操作将选中您首次和末次点击的产品系列以及其间的所有产品系列。
    • 若要选择页面上的所有产品系列,请选中产品系列列表顶部的复选框。
    • 若要选择您商店中的所有产品系列,请选中产品系列列表顶部的复选框,然后点击“全选此商店中的产品系列”
  3. 点击批量编辑

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

  5. 点击“模板”列的第一个单元格,然后按住 Shift 键并点击“模板”列的最后一个单元格。您选择的项周围将显示蓝色阴影。

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

管理您的模板

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

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

重命名模板

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

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

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

  4. 右键点击要重命名的模板文件,然后从下拉菜单中选择“重命名...”

  5. 为文件输入新名称。

  6. 按键盘上的 Enter 键。

删除模板

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

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

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

  4. 右键点击要删除的模板文件,然后从下拉菜单中选择“永久删除”

  5. 点击删除