Sanjay Makwana sanjay-makwana-avidbrio
Lysindr
/ main-slider.liquid
Created
May 3, 2019 08:58
Slick slider with Youtube video, Vimeo video, Image. Autoplay/Pause on slide change. For example on Shopify Store (liquid tempaltes files)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <section class="main-slider"> | |
| <div id="hero-slider"> | |
| {% for block in section.blocks %} | |
| {% case block.type %} | |
| {% when 'image_slide' %} | |
| <div> | |
| <div class="main-slider__slide main-slider__slide--image" {% if block.settings.image != blank %} style="background-image: url({{ block.settings.image | img_url: "2000x" }})" {% endif %}> | |
| <div class="main-slider__content"> | |
| {% if block.settings.slide_title != blank %} |
tommydunn
/ index.html
Last active
December 23, 2024 06:06
Slick Slider with auto play YouTube, Vimeo and HTML5 video
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <header> | |
| <h1>SITE TITLE</h1> | |
| <nav> | |
| <ul> | |
| <li><a href="#">HOME</a></li> | |
| <li><a href="#">ABOUT</a></li> | |
| <li><a href="#">SERVICES</a></li> | |
| <li><a href="#">CONTACT</a></li> | |
| </ul> | |
| </nav> |