Hi, Im currently trying to add and custom HTML code block below all these galleries with text blocks. I would like that each section has a different custom-HTML block code in the customizer.
I have added the code but it seems like is not rendering properly.
https://tozr1o9zm5vzwk3x-53184921755.shopifypreview.com
The section In question is about page, the section is called band members.
Any suggestion will be appreciated,
Regards
{%- liquid
assign section_color = section.settings.color_scheme
assign blocks_per_row_desktop = section.settings.blocks_per_row_desktop
assign heading_class = 'text-xl'
assign description_class = 'rte'
if blocks_per_row_desktop == "2"
assign heading_class = 'text-xl lg:text-2xl'
assign description_class = 'text-rte'
endif
-%}
{% schema %}
{
"name": "Gallery with text",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading"
},
{
"type": "select",
"id": "blocks_per_row_desktop",
"label": "Blocks per row - desktop",
"default": "3",
"options": [
{
"value": "2",
"label": "2"
},
{
"value": "3",
"label": "3"
},
{
"value": "4",
"label": "4"
}
]
},
{
"type": "select",
"id": "crop",
"label": "Crop",
"options": [
{
"value": "none",
"label": "No crop"
},
{
"value": "landscape",
"label": "Landscape"
},
{
"value": "square",
"label": "Square"
},
{
"value": "portrait",
"label": "Portrait"
}
],
"default": "landscape"
},
{
"type": "select",
"id": "text_align",
"label": "Text align",
"default": "text-left",
"options": [
{
"value": "text-left",
"label": "Left"
},
{
"value": "text-center",
"label": "Center"
}
]
},
{
"type": "header",
"content": "Color"
},
{
"type": "select",
"id": "color_scheme",
"label": "Color scheme",
"options": [
{ "value": "primary", "label": "Primary"},
{ "value": "secondary", "label": "Secondary"},
{ "value": "tertiary", "label": "Tertiary"}
],
"default": "primary"
}
],
"blocks": [
{
"type": "image",
"name": "Image",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "text",
"id": "title",
"label": "Title",
"default": "Title"
},
{
"type": "richtext",
"id": "description",
"label": "Description",
"default": "
Short description
"
},
{
"id": "custom_html",
"type": "html",
"label": "HTML",
"default": "
Embed custom HTML code.
"
},
{
"type": "url",
"id": "link",
"label": "Link"
},
{
"type": "text",
"id": "link_text",
"label": "Button text"
},
{
"type": "checkbox",
"id": "show_social_icons",
"label": "Show social media icons"
},
{
"type": "text",
"id": "social_instagram_url",
"label": "Instagram",
"info": "https:\/\/www.instagram.com\/shopify"
}
]
},
{
"type": "collection",
"name": "Collection",
"settings": [
{
"type": "collection",
"id": "collection",
"label": "Collection"
},
{
"type": "header",
"content": "Overrides",
"info": "Leave blank to use collection defaults"
},
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "richtext",
"id": "description",
"label": "Description"
}
]
},
{
"type": "product",
"name": "Product",
"settings": [
{
"type": "product",
"id": "product",
"label": "Product"
},
{
"type": "header",
"content": "Overrides",
"info": "Leave blank to use product defaults"
},
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "richtext",
"id": "description",
"label": "Description"
}
]
},
{
"type": "article",
"name": "Article",
"settings": [
{
"type": "article",
"id": "article",
"label": "Article"
},
{
"type": "header",
"content": "Overrides",
"info": "Leave blank to use article defaults"
},
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "richtext",
"id": "description",
"label": "Description"
}
]
}
],
"presets": [
{
"name": "Gallery with text",
"blocks": [
{
"type": "image"
},
{
"type": "image"
},
{
"type": "image"
}
]
}
]
}
{% endschema %}