shopify - 有没有办法在 Shopify 部分中有多个 block 类型？

Question

在 Shopify 部分中，我有一个图像选择器 block 来制作画廊，在同一部分中，我有一个 url block 来制作任意数量的按钮。

问题是两种 block 类型都出现在主题编辑器的同一“内容”区域中。这让编辑器看起来很困惑。

有没有办法拥有 2 个单独的 block 区域，一个用于图片库，另一个用于按钮？

"blocks": [
  {
    "type": "button",
    "name": "Button",
    "settings": [
      {
        "type": "url",
        "id": "button_link",
        "label": "Button link"
      }
    ]
  },
  {
    "type": "image",
    "name": "Image slide",
    "settings": [
      {
        "type": "image_picker",
        "id": "image",
        "label": "Image"
      }
    ]
  }
]

Answer 1

不，目前没有办法告诉 Shopify 以这种方式显示 block 。无论每个 block 的“类型”是什么，所有 block 都可以按任何顺序排列。管理商店的人需要手动将 block 排列成合理的顺序。

如果您想在项目的渲染期间更轻松地拆分 block 类型，您可以使用以下内容:

{% assign image_blocks = section.blocks | where: 'type', 'image' %}
{% for block in image_blocks %}
  <!-- Stuff -->
{% endfor %}

{% assign button_blocks = section.blocks | where: 'type', 'button' %}
{% for block in button_blocks %}
  <!-- Stuff -->
{% endfor %}