Untitled
unknown
plain_text
2 years ago
4.9 kB
4
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...