liquid - Shopify section schema: different content for each present block

Solution:

Although it's not made clear in the official docs (https://shopify.dev/themes/architecture/sections/section-schema#presets), you can set default values for repeated blocks in the presets; but whereas thesettings when defining the blocks are arrays of objects, thesettings within thepreset blocks are objects where each pre-determined field value uses the field's unique ID as its key. For example, a typical section schema might look like:

{% schema %}
    {
        "name": "USP Banner",
        "blocks": [
            {
                "type": "column",
                "name": "Column",
                "limit": 4,
                "settings": [
                    {
                        "type": "text",
                        "id": "heading",
                        "label": "Heading",
                    },
                    {
                        "type": "richtext",
                        "id": "text",
                        "label": "Text",
                    }
                ]
            }
        ],
        "presets": [
            {
                "name": "USP Banner",
                "blocks": [
                    {
                        "type": "column"
                    },
                    {
                        "type": "column"
                    }
                ]
            }
        ]
    }
{% endschema %}
Copy code

...so to create preset values for each block, we simply addsettings to thepreset definition like so:

"presets": [
    {
        "name": "USP Banner",
        "blocks": [
            {
                "type": "column",
                "settings": {
                    "heading": "Remarkable Value",
                    "text": "<p>Never knowingly undersold</p>"
                }
            },
            {
                "type": "column",
                "settings": {
                    "heading": "5-Year Warranty",
                    "text": "<p>We're that confident in our products</p>"
                }
            }
        ]
    }
]
Copy code

...where the key for each field (heading &text in this case) is the ID of the defined fields in theblocks section at the top of the schema.

Didn't find the answer?

Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.