Why is my gallery image not displaying and showing a broken HTML error?

Store Design
1

plz tell me why gallery image is not showing and why shopify giving broken html error this is my code below

{% if section.settings.view_text %}

{{ section.settings.custome_text }}

{% endif %}

{% if section.settings.myimage %}

{% endif %}
{% for block in sections.blocks %} {% if block.settings.enable_gallery_img %} {% endif %}

{% endfor %}

{% schema %}
{
“name”: “image with text”,
“settings”: [

{

“type”: “checkbox”,
“id”: “view_text”,
“label”: “enable text”,
“default”: false
},

{
“type”: “text”,
“id”: “custome_text”,
“label”: “zurain is here”

},

{
“type”: “image_picker”,
“id”: “myimage”,
“label”: “select image”
},

{
“type”: “url”,
“id”: “image_url”,
“label”: “Gallery Image Url”
},

{
“type”: “color”,
“id”: “background_color”,
“label”: “Background color”,
“default”: “#ffffff”
}

],

“blocks”: [
{

“type”: “gallery”,
“name”: “galelry”,

“settings”: [
{

“type”: “checkbox”,
“id”: “enable_gallery_img”,
“label”: “enable gallery image”,
“default”: false
},
{
“type”: “image_picker”,
“id”: “galry_image”,
“label”: “gallery image”
},

{
“type”: “url”,
“id”: “image_url”,
“label”: “Gallery Image Url”
}
]
}
],

“presets”: [
{
“name”: “custome gallery”,
“category”: “add custom gallery”,
“blocks”: [
{

“type”: “gallery”

},
{

“type”: “gallery”

}
]
}
]
}

{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

img.colimg { transition: transform 3s; border: 1px solid #0275d8; } img.colimg:hover { -webkit-transform: scale(1.1); } /* .gallery{ display:inline-flex; }*/ /* .custom_section { padding: 1.3%; }*/ /* schema comments { "type": "image_picker", "id": "myimage", "label": "select image" },*/
1 Like
2

@zurain

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.