Skip to content

Instantly share code, notes, and snippets.

View lesterdefreitas's full-sized avatar
💻
(typing sounds)

lesterdefreitas

💻
(typing sounds)
  • The Web Elite
  • Port Edward, South Africa
View GitHub Profile
@Lysindr
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)
<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 %}