使用块来重复元素

与部分一起出现的最有用的东西之一是块。块基本上是可以无限次创建的东西的蓝图。最好的例子之一是滑块的幻灯片。块是模式中的顶级项，意味着它与 name 和 settings 之类的东西并排，但不在其中。块内基本上是迷你模式。

{% schema %}
  {
    "name": "Slider",
    "max_blocks": 6,
    "blocks": [
      {
        "type": "slide",
        "name": "Slide",
        "limit": 4,
        "settings": [
          {
            "id": "image",
            "type": "image_picker",
            "label": "Image"
          }
        ]
      }
    ]
  }
{% endschema %}

请注意，Slide 也有一种 slide。你可以为块提供自己的类型，而不是 Shopify 提供的类型。

要使用它，你只需循环遍历 HTML / Liquid 代码中的每个块。

<div class="slider">
  {% for block in section.blocks %}
    <img src="{{ block.settings.image | img_url: 'master' }}" alt="" />
  {% endfor %}
</div>