分区和块
模板使用分区来创建所需的布局。大多数分区由块组成,块用于提供特定功能,例如标头、文本、单张图片、拼贴图片或链接。在模板中使用分区和块可为排列商店内容提供更大的灵活性,使您无需编辑代码即可控制在线商店的外观。每个模板最多可有 25 个分区。
您可以向每个分区添加多种特定的块。每个分区最多可以添加 50 个块。您的模板决定哪些分区和块可用。有关哪些选项可供您使用的详细信息,请参阅您的模板文档。
某些分区对可添加的块数量或特定类型的块的数量有限制。例如,带文本图片分区只能显示模板设计器为模板指定的块。在 Shopify 的免费模板Dawn中,您只能添加以下块中的一个块:
- 标题
- 段落
- 按钮
您可以通过编辑分区的设置来进一步自定义分区,包括添加图片和选择对齐方式、大小、背景色以及客户访问您在线商店时首先加载的内容。
如果您添加到商店布局的分区不包含您所需的设置或选项,您可以编辑模板代码或联系模板的开发人员寻求支持。
使用分区和块来自定义模板样式
打开编辑器时,系统会默认加载您商店的主页。您可以使用下拉菜单选择其他模板,或使用模板下拉菜单中的搜索栏来搜索特定页面类型。选中某个模板会将其加载到模板编辑器中,并且您所做的更改会随着您的操作在编辑器中显示预览。
添加分区
向在线商店的任何页面添加新分区。
步骤:
- 在 Shopify 后台中,转到在线商店>模板。
- 找到您要编辑的模板,然后点击自定义。
- 在Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触管理模板。
- 找到您要编辑的模板,然后轻触自定义。
- 轻触编辑。
- 在Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触管理模板。
- 找到您要编辑的模板,然后轻触自定义。
- 轻触编辑。
- 从下拉菜单中选择一个模板。
- 点击+ 添加分区,然后从列表中选择一个新分区,或使用搜索栏搜索特定词。
- 点击新分区以编辑分区中的块。
- 可选:点击并拖动某个分区旁边的
⋮⋮
图标以重新排列页面上的分区。 - 点击保存。
编辑分区
- 在 Shopify 后台中,转到在线商店>模板。
- 找到您要编辑的模板,然后点击自定义。
- 在Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触管理模板。
- 找到您要编辑的模板,然后轻触自定义。
- 轻触编辑。
- 在Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触管理模板。
- 找到您要编辑的模板,然后轻触自定义。
- 轻触编辑。
- 在下拉菜单中,选择其中包含您要编辑的分区的模板。
- 点击分区以将内容加载到预览窗口中,并访问您可用的选项。
- 可选:点击各个块以编辑分区中的块。
- 点击保存。
删除分区或块
- 在 Shopify 后台中,转到在线商店>模板。
- 找到您要编辑的模板,然后点击自定义。
- 在Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触管理模板。
- 找到您要编辑的模板,然后轻触自定义。
- 轻触编辑。
- 在Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触管理模板。
- 找到您要编辑的模板,然后轻触自定义。
- 轻触编辑。
- 在下拉菜单中,选择其中包含您要编辑的分区的模板。
- 点击分区以将内容加载到预览窗口中,并访问您可用的选项。
- 点击眼睛图标以隐藏或取消隐藏分区或块。
- 点击删除以删除块或分区。
某些分区具有固定的块类型和限制。如果存在针对特定分区或块的限制,则界面会告知您已使用了 X 个块,共 X 个可用块。如果您已使用了最大数量的块,那么在删除现有块之前,您将无法添加任何其他块。
使用块
块是构成页面模板中的分区的可自定义模块。您可以使用块来添加文本、图片、链接、按钮等。
Shopify 模板中包含您可以自定义的分区和块。某些分区具有固定的块类型,这意味着只能从模板设计器为该分区提供的块中进行选择。其他分区允许您选择任何块,但会限制您可以添加到该分区的总块数。如果您分区中的块已达到最大可用数量,则会显示一条消息,提示已达到限制,并且在您删除现有块之前,+ 添加块选项将显示为灰色。
添加块
- 在 Shopify 后台中,转到在线商店>模板。
- 找到您要编辑的模板,然后点击自定义。
- 在Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触管理模板。
- 找到您要编辑的模板,然后轻触自定义。
- 轻触编辑。
- 在Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触管理模板。
- 找到您要编辑的模板,然后轻触自定义。
- 轻触编辑。
- 在下拉菜单中,选择其中包含您要编辑的分区的模板。
- 点击分区以将内容加载到预览窗口中,并访问您可用的选项。
- 点击+ 添加块并选择一个新块,或点击搜索栏以输入搜索词。
- 点击保存。
使用元字段和动态源
元字段可用于在您的在线商店中显示动态信息。如果您有支持元字段的模板,您可以将元字段连接到模板编辑器中的分区或块。
例如,蜡烛卖家可能想显示每种在售蜡烛的燃烧时间。设置用于燃烧时间的元字段后,卖家可以将用于燃烧时间的块添加到他们的产品模板中,然后将该块连接到元字段。为列出燃烧时间的页面设置产品系列元字段后,卖家可以将块添加到他们的产品系列模板中,然后将此块连接到产品系列元字段。
您可以通过添加可使用动态源的分区或块来在您的在线商店中显示动态信息。动态源可用于产品模板中的任何分区或块。在非产品模板中,动态源可用于显示产品的分区或块。您需要先添加元字段,然后才能在模板中连接它。请参阅动态源,了解有关在模板中使用元字段和动态源的更多信息。
完成设置过程后,请按照以下步骤将动态源插入模板:
- 在 Shopify 后台中,转到在线商店>模板。
- 找到您要编辑的模板,然后点击自定义。
- 在Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触管理模板。
- 找到您要编辑的模板,然后轻触自定义。
- 轻触编辑。
- 在Shopify 应用中,轻触商店。
- 在销售渠道部分,轻触在线商店。
- 轻触管理模板。
- 找到您要编辑的模板,然后轻触自定义。
- 轻触编辑。
- 在下拉菜单中,选择其中包含您要编辑的分区的模板。
- 点击现有分区以将内容加载到预览窗口中并访问您可用的选项,或点击+ 添加分区。
- 点击+ 添加块,然后连接动态源:
- 如果显示连接动态源图标,请点击该图标以选择一个元字段:
- 如果连接动态源图标显示+,则点击该符号以选择元字段(最多 20 个),一次可以添加一个元字段:
- 点击保存。