分区和块

针对“Online Store 2.0”构建的模板使用分区来创建所需的布局。大多数分区由组成,块用于提供特定功能,例如标头、文本、单张图片、拼贴图片或链接。在模板中使用分区和块可为排列商店内容提供更大的灵活性,使您无需编辑代码即可控制在线商店的外观。

您可以向每个分区添加多种特定的块。您的模板决定哪些分区和块可用。有关哪些选项可供您使用的详细信息,请参阅您的模板文档。

某些分区对可添加的块数量或特定类型的块的数量有限制。例如,带文本图片分区只能显示模板设计器为模板指定的块。在 Shopify 的免费模板 Dawn 中,您只能添加以下块中的一个块:

  • 标题
  • 段落
  • 按钮

您可以通过编辑分区的设置来进一步自定义分区,包括添加图片和选择对齐方式、大小、背景颜色以及客户访问您在线商店时首先加载的内容。

如果您添加到商店布局的分区不包含您所需的设置或选项,您可以编辑模板代码联系模板的开发人员寻求支持

使用分区和块来自定义模板样式

打开编辑器时,系统会默认加载您商店的主页。您可以使用下拉菜单选择其他模板,或使用模板下拉菜单中的搜索栏来搜索特定页面类型。选中某个模板会将其加载到模板编辑器中,并且您所做的更改会随着您的操作在编辑器中显示预览。

添加分区

向在线商店的任何页面添加新分区。

步骤:

  1. 从下拉菜单中选择一个模板。4. 单击 + 添加分区,然后从列表中选择一个新分区。5. 单击新分区以编辑分区中的块。6. 可选:单击并拖动某个分区旁边的 ⋮⋮ 图标以重新排列页面上的分区。7. 单击保存

编辑分区

  1. 在下拉菜单中,选择包含您要编辑的分区的模板。4. 单击分区以将内容加载到预览窗口中,并访问您可用的选项。5. 可选:单击各个块以编辑分区中的块。6. 单击保存

删除分区或块

  1. 从下拉菜单中,选择包含您要编辑的分区的模板。4. 单击分区以将内容加载到预览窗口中,并访问您可用的选项。5. 单击眼睛图标以隐藏或取消隐藏分区或块。6. 单击删除以删除块或分区。

某些分区具有固定的块类型和限制。如果存在针对特定分区或块的限制,则界面会告知您已使用了 X 个块,共 X 个可用块。如果您已使用了最大数量的块,那么在删除现有块之前,您将无法添加任何其他块。

使用块

块是构成页面模板中的分区的可自定义模块。您可以使用块来添加文本、图片、链接、按钮等。

“Online Store 2.0”模板中包含您可以自定义的分区和块。某些分区具有固定的块类型,这意味着只能从模板设计器为该分区提供的块中进行选择。其他分区允许您选择任何块,但会限制您可以添加到该分区的总块数。如果您分区中的块已达到最大可用数量,则会显示一条消息,提示已达到限制,并且在您删除现有块之前,+ 添加块选项将显示为灰色。

添加块

  1. 从下拉菜单中,选择包含您要编辑的分区的模板。4. 单击分区以将内容加载到预览窗口中,并访问您可用的选项。5. 单击 + 添加块,然后配置可用选项。6. 单击保存

使用元字段和动态源

元字段可用于在您的在线商店中显示动态信息。如果您有支持元字段的模板,您可以将元字段连接到模板编辑器中的分区或块。

例如,蜡烛卖家可能想显示每种在售蜡烛的燃烧时间。设置用于燃烧时间的元字段后,卖家可以将用于燃烧时间的块添加到他们的产品模板中,然后将该块连接到元字段。

您可以通过添加可使用动态源的分区或块来在您的在线商店中显示动态信息。动态源可用于产品模板中的任何分区或块。在非产品模板中,动态源可用于显示产品的分区或块。您需要先添加元字段,然后才能在模板中连接它。请参阅动态源,了解有关在模板中使用元字段和动态源的更多信息。

完成设置过程后,请按照以下步骤将动态源插入模板:

  1. 从下拉菜单中,选择包含您要编辑的分区的模板。4. 单击现有分区以将内容加载到预览窗口中,并访问您可用的选项,或单击 + 添加分区。5. 单击 + 添加块,然后连接动态源:* 如果连接动态源图标已显示,则单击以选择单个元字段:
    连接动态源
    * 如果连接动态源图标显示 +,则单击以最多选择 20 个元字段(一次添加一个):
    插入动态源图标
    6. 单击保存

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

免费试用