分区和块

已于 Apr 23, 2024 打印了此页面。若要查看当前版本，请访问 https://help.shopify.com/zh-CN/manual/online-store/themes/theme-structure/sections-and-blocks。

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

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

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

  • 标题
  • 段落
  • 按钮

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

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

本页相关主题

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

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

添加分区

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

步骤：

  1. 在 Shopify 后台中，转至在线商店 > 模板。
  2. 找到您要编辑的模板，然后点击自定义。
  3. 从下拉菜单中选择一个模板。
  4. 点击 + 添加分区，然后从列表中选择一个新分区，或使用搜索栏搜索特定词。
  5. 点击新分区以编辑分区中的块。
  6. 可选：点击并拖动某个分区旁边的 ⋮⋮ 图标以重新排列页面上的分区。
  7. 点击保存。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 从下拉菜单中选择一个模板。
  7. 点击 + 添加分区，然后从列表中选择一个新分区，或使用搜索栏搜索特定词。
  8. 点击新分区以编辑分区中的块。
  9. 可选：点击并拖动某个分区旁边的 ⋮⋮ 图标以重新排列页面上的分区。
  10. 点击保存。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 从下拉菜单中选择一个模板。
  7. 点击 + 添加分区，然后从列表中选择一个新分区，或使用搜索栏搜索特定词。
  8. 点击新分区以编辑分区中的块。
  9. 可选：点击并拖动某个分区旁边的 ⋮⋮ 图标以重新排列页面上的分区。
  10. 点击保存。

编辑分区

  1. 在 Shopify 后台中，转至在线商店 > 模板。
  2. 找到您要编辑的模板，然后点击自定义。
  3. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  4. 点击分区以将内容加载到预览窗口中，并访问您可用的选项。
  5. 可选：点击各个块以编辑分区中的块。
  6. 点击保存。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  7. 点击分区以将内容加载到预览窗口中，并访问您可用的选项。
  8. 可选：点击各个块以编辑分区中的块。
  9. 点击保存。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  7. 点击分区以将内容加载到预览窗口中，并访问您可用的选项。
  8. 可选：点击各个块以编辑分区中的块。
  9. 点击保存。

复制分区或块

  1. 在 Shopify 后台中，转至在线商店 > 模板。
  2. 找到您要编辑的模板，然后点击自定义。
  3. 在下拉菜单中，选择包含要复制的分区或块的模板。
  4. 点击要复制的分区或块。
  5. 在侧边栏中点击分区名称旁边的 ... 按钮，然后点击复制。
  6. 点击保存。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 在下拉菜单中，选择包含要复制的分区或块的模板。
  7. 点击要复制的分区或块。
  8. 在侧边栏中点击分区名称旁边的 ... 按钮，然后点击复制。
  9. 点击保存。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 在下拉菜单中，选择包含要复制的分区或块的模板。
  7. 点击要复制的分区或块。
  8. 在侧边栏中点击分区名称旁边的 ... 按钮，然后点击复制。
  9. 点击保存。

删除分区或块

  1. 在 Shopify 后台中，转至在线商店 > 模板。
  2. 找到您要编辑的模板，然后点击自定义。
  3. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  4. 点击分区以将内容加载到预览窗口中，并访问您可用的选项。
  5. 点击眼睛图标以隐藏或取消隐藏分区或块。
  6. 点击删除以删除块或分区。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  7. 点击分区以将内容加载到预览窗口中，并访问您可用的选项。
  8. 点击眼睛图标以隐藏或取消隐藏分区或块。
  9. 点击删除以删除块或分区。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  7. 点击分区以将内容加载到预览窗口中，并访问您可用的选项。
  8. 点击眼睛图标以隐藏或取消隐藏分区或块。
  9. 点击删除以删除块或分区。

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

使用块

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

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

添加块

  1. 在 Shopify 后台中，转至在线商店 > 模板。
  2. 找到您要编辑的模板，然后点击自定义。
  3. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  4. 点击分区以将内容加载到预览窗口中，并访问您可用的选项。
  5. 点击 + 添加块并选择一个新块，或点击搜索栏以输入搜索词。
  6. 点击保存。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  7. 点击分区以将内容加载到预览窗口中，并访问您可用的选项。
  8. 点击 + 添加块并选择一个新块，或点击搜索栏以输入搜索词。
  9. 点击保存。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  7. 点击分区以将内容加载到预览窗口中，并访问您可用的选项。
  8. 点击 + 添加块并选择一个新块，或点击搜索栏以输入搜索词。
  9. 点击保存。

通过动态源 使用元字段和元对象

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

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

您可以通过添加可以使用动态源的分区或块，在在线商店中显示动态信息。 动态源可用于显示兼容的资源（产品、产品系列、页面、博客和博客文章）的任何模板、分区或块。 您需要先添加元字段，然后才能在模板中连接它。 请参阅动态源，详细了解如何通过动态源在模板中使用元字段和元对象。

完成设置过程后，请按照以下步骤将动态源连接到您模块中的块或设置：

  1. 在 Shopify 后台中，转至在线商店 > 模板。
  2. 找到您要编辑的模板，然后点击自定义。
  3. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  4. 点击现有分区以将内容加载到预览窗口中并访问您可用的选项，或点击 + 添加分区。
  5. 点击“动态源”按钮，然后连接某个动态源：
    Connect dynamic source
  6. 点击保存。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  7. 点击现有分区以将内容加载到预览窗口中并访问您可用的选项，或点击 + 添加分区。
  8. 点击“动态源”按钮，然后连接某个动态源：
    Connect dynamic source
  9. 点击保存。
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 在下拉菜单中，选择其中包含您要编辑的分区的模板。
  7. 点击现有分区以将内容加载到预览窗口中并访问您可用的选项，或点击 + 添加分区。
  8. 点击“动态源”按钮，然后连接某个动态源：
    Connect dynamic source
  9. 点击保存。

动态源选择器

动态源选择器

可使用动态源选择器直接在在线商店编辑器中轻松连接正确的动态源。 以下是选择器的一些关键功能：

  • 您可以在适用时引用各种资源的动态源。 例如，如果您要将设置连接到同时连接到产品资源和页面资源的块，则您可以指定是否要搜索与产品或页面资源关联的元字段。 此下拉菜单位于动态源选择器的顶部。
  • 搜索和筛选：动态源选择器提供搜索和筛选功能，可帮助您快速找到所需的元字段。
  • 类别元字段选择：可使用选择器选择类别元字段。 这些是为产品指定产品类别时可用的附加属性。 通过访问这些元字段，可将动态源连接到基础属性元对象上的任何相关字段。

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

免费试用