How to add more than 16 blocks in a section in shopify?

Question

I am building a new page for team members. made new section for it, and try to add a team member on the panel, but can't add more than 16.

Answer 1

You can't, 16 is a hard limit set by Shopify. The only way around it is to utilise the same section multiple times on the page.

EDIT: Shopify last week increased the limit from 16 to 50 blocks per section and increased 20 sections to 25 sections per page.

Answer 2

As I have seen, you could add more than 16 blocks in one section but do not know exactly how many limited blocks. I have not found related document yet.

Answer 3

Yes we can add more than 16 blocks in shopify by providing max_blocks . please use this code into your section liquid file you want add these block.

{%- if section.blocks.size > 0 -%}
  <ul class="brand-carousel section-padding ">
    {%- for block in section.blocks -%}
      <li class="item ">
        {%- if block.settings.link != blank -%}
          <a href="{{ block.settings.link }}">
        {%- endif -%}

          {%- if block.settings.image != blank -%}
            {{ block.settings.image | img_url| img_tag: block.settings.image.alt }}
          {%- else -%}
            {{ 'logo' | placeholder_svg_tag: 'placeholder-svg' }}
          {%- endif -%}

        {%- if block.settings.link != blank -%}
          </a>
        {%- endif -%}
      </li>
    {%- endfor -%}
  </ul>
{%- endif -%}



{% schema %}
{
  "name": "Custom image list",
  "class": "index-section",
  "max_blocks": 16,
  "settings": [
    {
      "type": "text",
      "id": "title",
      "label": "Heading",
      "default": "Logo list"
    }
  ],
  "blocks": [
    {
      "type": "logo_image",
      "name": "image",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "url",
          "id": "link",
          "label": "Link",
          "info": "Optional"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Custom image list",
      "category": "Image",
      "blocks": [
        {
          "type": "logo_image"
        },
        {
          "type": "logo_image"
        },
        {
          "type": "logo_image"
        },
        {
          "type": "logo_image"
        }
      ]
    }
  ]
}
{% endschema %}