How to fix 'Invalid JSON in tag schema' error in image slider?

Technical Q&A
1

Hi,

I have made a section for a review image slider and now want to add the option to click the image and go to a url. But it keeps coming up with Invalid JSON in tag ‘schema’ when I try to save it.

Any help would be greatly appreciated.

My Now Amazing Webpage {{ 'Slick-Silder.css' | asset_url | stylesheet_tag }}

The highest standards.
The happiest horses and ponies.

{% schema %}
{
“name”: “Reviews slider”,
“class”: “Reviews-slider”,
“tag”: “section”,
“settings”: [
{
“type”: “header”,
“content”: “Desktop Settings”
},
{
“type”: “image_picker”,
“label”: “T_imag1”,
“id”: “T_imag1”
},
{
“type”: “image_picker”,
“label”: “T_imag2”,
“id”: “T_imag2”
},
{
“type”: “image_picker”,
“label”: “T_imag3”,
“id”: “T_imag3”
},
{
“type”: “image_picker”,
“label”: “T_imag4”,
“id”: “T_imag4”
},
{
“type”: “image_picker”,
“label”: “T_imag5”,
“id”: “T_imag5”
},
{
“type”: “image_picker”,
“label”: “T_imag6”,
“id”: “T_imag6”
},
{
“id”: “p_link1”,
“type”: “url”,
“label”: “link”,
},
{
“id”: “p_link2”,
“type”: “url”,
“label”: “link”,
},
{
“id”: “p_link3”,
“type”: “url”,
“label”: “link”,
},
{
“id”: “p_link4”,
“type”: “url”,
“label”: “link”,
},
{
“id”: “p_link5”,
“type”: “url”,
“label”: “link”,
},
{
“id”: “p_link6”,
“type”: “url”,
“label”: “link”,
}],
“presets”: [
{
“name”: “Reviews slider lniks”,
“settings”: {
}
}
]

}
{% endschema %}

2

Hi @matthew44 , replace your schema code with this one:

{% schema %}
{
"name": "Reviews slider",
"class": "Reviews-slider",
"tag": "section",
"settings": [
    {
    "type": "header",
    "content": "Desktop Settings"
    },
    {
    "type": "image_picker",
    "label": "T_imag1",
    "id": "T_imag1"
    },
    {
    "type": "image_picker",
    "label": "T_imag2",
    "id": "T_imag2"
    },
    {
    "type": "image_picker",
    "label": "T_imag3",
    "id": "T_imag3"
    },
    {
    "type": "image_picker",
    "label": "T_imag4",
    "id": "T_imag4"
    },
    {
    "type": "image_picker",
    "label": "T_imag5",
    "id": "T_imag5"
    },
    {
    "type": "image_picker",
    "label": "T_imag6",
    "id": "T_imag6"
    },
    {
    "id": "p_link1",
    "type": "url",
    "label": "link"
    },
    {
    "id": "p_link2",
    "type": "url",
    "label": "link"
    },
    {
    "id": "p_link3",
    "type": "url",
    "label": "link"
    },
    {
    "id": "p_link4",
    "type": "url",
    "label": "link"
    },
    {
    "id": "p_link5",
    "type": "url",
    "label": "link"
    },
    {
    "id": "p_link6",
    "type": "url",
    "label": "link"
    }
],
"presets": [
{
"name": "Reviews slider lniks",
"settings": {
}
}
]

}
{% endschema %}

You had a few commas more than you should :slightly_smiling_face:

3

Perfect thanks for the help :slightly_smiling_face: