Untitled
unknown
plain_text
3 years ago
4.9 kB
11
Indexable
<div class="container">
{% if section.blocks.size > 0 %}
<!-- <div class="slider_wrap" data-slick='{"autoplay": {{ section.settings.carousel_autoplay }}, "autoplaySpeed": {{ section.settings.autoplay_speed }}, "dots": {{ section.settings.carousel_dots }}, "arrows": {{ section.settings.carousel_arrows }}}' > -->
<div class="slider_wrap1">
<div style="text-align: center;" id="slickSlide{{ block.id }}""
{% assign count = 0 %}
{% for block in section.blocks %}
<div class="slider_[item" id="slideritem{{forloop.index}}">
<div class="testimonial-content">
{% if count == 0 %}
<img src="https://cdn.shopify.com/s/files/1/0608/5276/4925/files/samayam_telugu.png?v=1677152675" width="180">
{% endif %}
{% if count == 1 %}
<img src="https://cdn.shopify.com/s/files/1/0608/5276/4925/files/telugu_news.jpg?v=1677149535" width="180">
{% endif %}
{% if count == 2 %}
<img src="https://cdn.shopify.com/s/files/1/0608/5276/4925/files/nbt.jpg?v=1677152635" width="180">
{% endif %}
{% if count == 3 %}
<img src="https://cdn.shopify.com/s/files/1/0608/5276/4925/files/jagran_english.jpg?v=1677152535" width="180">
{% endif %}
{% if count ==4 %}
<img src="https://cdn.shopify.com/s/files/1/0608/5276/4925/files/bi_india.png?v=1677152346" width="180">
{% endif %}
{% if count == 5 %}
<img src="https://cdn.shopify.com/s/files/1/0608/5276/4925/files/Daikan_Jagran_logo.jpg?v=1677149498" width="180">
{% endif %}
{% if count == 6 %}
<img src="https://cdn.shopify.com/s/files/1/0608/5276/4925/files/Hindustan_Times_logo_svg_9caaf883-35ef-4626-b361-ce6a81d26dd2.png?v=1677149497" width="180">
{% endif %}
{% if count == 7 %}
<img src="https://cdn.shopify.com/s/files/1/0608/5276/4925/files/new_indian_logo_0441d8da-bc1d-4ea5-9f3c-0f28b60f0d2c.png?v=1677149498" width="180">
{% endif %}
{% assign count = count | plus: 1 %}
{% if block.settings.block_desc != blank %}
<p class="desc">{{block.settings.block_desc}}</p>
{% endif %}
{% if block.settings.block_name != blank%}
<div class="name">{{block.settings.block_name}}</div>
{% endif %}
{% if block.settings.block_from != blank%}
<span class="author">{{block.settings.block_from}}</span>
{% endif %}
</div>
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% schema %}
{
"name": "Carousel Media",
"max_blocks": 8,
"settings": [
{
"type":"header",
"content":"Carousel option"
},
{
"type": "checkbox",
"id": "carousel_autoplay",
"label": "Enable autoplay",
"default": false
},
{
"type": "checkbox",
"id": "carousel_dots",
"label": "Enable dots",
"default": false
},
{
"type": "checkbox",
"id": "carousel_arrows",
"label": "Enable arrows",
"default": false
},
{
"type": "select",
"id": "autoplay_speed",
"label": "Change slides every",
"options": [
{ "value": "1000", "label": "1 seconds" },
{ "value": "2000", "label": "2 seconds" },
{ "value": "3000", "label": "3 seconds" },
{ "value": "4000", "label": "4 seconds" },
{ "value": "5000", "label": "5 seconds" },
{ "value": "6000", "label": "6 seconds" },
{ "value": "7000", "label": "7 seconds" },
{ "value": "8000", "label": "8 seconds" },
{ "value": "9000", "label": "9 seconds" },
{ "value": "10000", "label": "10 seconds" }
],
"default": "7000"
}
],
"blocks": [
{
"type": "slide",
"name": "Slide",
"settings": [
{
"type": "textarea",
"id": "block_desc",
"label": "Description",
"default": "They never said winning was easy. Some people can't handle success, I can. The orther day the grass was brown, now it's green because I ain't give up. Never surrender. The orther day the grass was brown, now it's green because I ain't give up. Never surrender."
},
{
"type": "text",
"id": "block_name",
"label": "Name",
"default": "Wayne rooney"
},
{
"type": "text",
"id": "block_from",
"label": "Captain from",
"default": "Captain from Manchester United"
}
]
}
],
"presets": [
{
"name": "Carousel"
}
]
}
{% endschema %}
<script>
$(document).ready(function() {
$('.slider_wrap1').slick({
infinite: true,
speed: 500,
slidesToShow: 3,
slidesToScroll: 1,
arrows:true,
prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa fa-angle-left"></i></button>',
nextArrow: '<button class="slide-arrow next-arrow"><i class="fa fa-angle-right"></i></button>'
});
});
</script>Editor is loading...