How to create custom SECTION schema

Use field using field_id.

{{ section.settings.bg_image | img_url: ‘master’ }}

 

{% schema %}

{
“name”: “Bg Image with text”,
“settings”: [
{
“type”: “image_picker”,
“id”: “bg_image”,
“label”: “Background Image”
},
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”
},
{
“type”: “select”,
“id”: “layout”,
“label”: “Image alignment”,
“default”: “left”,
“options”: [
{
“value”: “left”,
“label”: “left”
},
{
“value”: “right”,
“label”: “right”
}
]
},
{
“type”: “richtext”,
“id”: “title”,
“label”: “Heading”
},
{
“type”: “richtext”,
“id”: “text”,
“label”: “Text”
},
{
“type”: “text”,
“id”: “button_label”,
“label”: “Button label”
},
{
“type”: “url”,
“id”: “button_link”,
“label”: “Button link”
}
],
“presets”: [
{
“name”: “Bg Image with text”,
“category”: “ADVANCED BG IMAGE LAYOUT”
}
]
}

{% endschema %}