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