有没有办法在 Shopify 部分中拥有多个 Block 类型？

Question

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

问题是两种块类型都出现在主题编辑器的同一“内容”区域中。这使得编辑器看起来很混乱。

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

"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 以这种方式显示块。所有块都可以按任何顺序排列，而不管每个块的“类型”是什么。管理商店的人需要手动将块排列成合理的顺序。

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

{% 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 %}