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.
<div>
<head>
<title>My Now Amazing Webpage</title>
{{ 'Slick-Silder.css' | asset_url | stylesheet_tag }}
</head>
<body>
<div><p class="slider-heading">The highest standards.<br>The happiest horses and ponies.</p></div>
<div class="testimonios-silder" id="testimonios-silder">
<a href="{{ section.settings.p_link1 }}"><div><img loading="lazy" class="item-img-desktop1" src="{{ section.settings.T_imag1 | img_url: "master" }}"></div></a>
<a href="{{ section.settings.p_link2 }}"><div><img loading="lazy" class="item-img-desktop1" src="{{ section.settings.T_imag2 | img_url: "master" }}"></div></a>
<a href="{{ section.settings.p_link3 }}"><div><img loading="lazy" class="item-img-desktop1" src="{{ section.settings.T_imag3 | img_url: "master" }}"></div></a>
<a href="{{ section.settings.p_link4 }}"><div><img loading="lazy" class="item-img-desktop1" src="{{ section.settings.T_imag4 | img_url: "master" }}"></div></a>
<a href="{{ section.settings.p_link5 }}"><div><img loading="lazy" class="item-img-desktop1" src="{{ section.settings.T_imag5 | img_url: "master" }}"></div></a>
<a href="{{ section.settings.p_link6 }}"><div><img loading="lazy" class="item-img-desktop1" src="{{ section.settings.T_imag6 | img_url: "master" }}"></div></a>
</div>
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script src="https://code.jquery.com/jquery-migrate-3.3.2.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.testimonios-silder').slick({
infinite: true,
speed: 300,
slidesToShow: 3,
autoplay: false,
autoplaySpeed: 3000,
arrows: true,
dots: true,
prevArrow:"<button type='button' class='slick-prev pull-left'><i class='fa fa-angle-left' aria-hidden='true'></i></button>" ,
nextArrow:"<button type='button' class='slick-next pull-right'><i class='fa fa-angle-right' aria-hidden='true'></i></button>",
slidesToScroll: 1,responsive: [
{
breakpoint: 700,
settings: {
slidesToShow: 1,
centerMode: false, /* set centerMode to false to show complete slide instead of 3 */
slidesToScroll: 1
}
}
]
});
});
</script>
</body>
</div>
{% 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 %}
