Blocks Reference

<!-- Block Rendering Logic -->
<div class="block block--{{ block.type }}">
  {{ block.settings.content }}
</div>

<!-- Block Schema (in parent section) -->
{% schema %}
{
  "blocks": [
    {
      "type": "text",
      "name": "Text",
      "settings": [
        {
          "type": "richtext",
          "id": "content",
          "label": "Content"
        }
      ]
    }
  ]
}
{% endschema %}

{
  "type": "hero",
  "blocks": [
    {
      "type": "heading",
      "settings": {
        "heading": "Welcome"
      }
    },
    {
      "type": "button",
      "settings": {
        "button_label": "Shop Now"
      }
    }
  ]
}