Hero Image Homepage Slider

<div class="flexslider slider--{{ slider }} {{ additional_classes }}"> <ul class="slides"> {% for i in (0..10) %} {% capture slider__enabled %}{{ slider }}__{{ i }}{% endcapture %} {% capture slider__image %}{{ slider }}__{{ i }}.jpg{% endcapture %} {% capture slider__image--mobile %}{{ slider }}__{{ i }}--mobile.jpg{% endcapture %} {% capture slider__suptitle %}{{ slider }}__{{ i }}-suptitle{% endcapture %} {% capture slider__suptitle-mobile %}{{ slider }}__{{ i }}-suptitle--mobile{% endcapture %} {% capture slider__title %}{{ slider }}__{{ i }}-title{% endcapture %} {% capture slider__title-mobile %}{{ slider }}__{{ i }}-title--mobile{% endcapture %} {% capture slider__subtitle %}{{ slider }}__{{ i }}-subtitle{% endcapture %} {% if settings[slider__enabled] %} <li> {% if mobile %} <img src="{{ slider__image--mobile | asset_url }}" class="slide__image--mobile"> <img src="{{ slider__image | asset_url }}" class="slide__image"> {% else %} <img src="{{ slider__image | asset_url }}" class="slide__image"> {% endif %} <div class="slide__content medium-down--show"> {% if settings[slider__suptitle] %} <span class="slide__suptitle">{{ settings[slider__suptitle] }}</span> {% endif %} {% if settings[slider__title] %} <h2 class="slide__title">{{ settings[slider__title] }}</h2> {% endif %} {% if settings[slider__subtitle] %} <span class="slide__subtitle">{{ settings[slider__subtitle] }}</span> {% endif %} </div> <div class="slide__content large-up--hide"> {% if settings[slider__suptitle-mobile] %} <span class="slide__suptitle">{{ settings[slider__suptitle-mobile] }}</span> {% endif %} {% if settings[slider__title-mobile] %} <h2 class="slide__title">{{ settings[slider__title-mobile] }}</h2> {% endif %} </div> </li> {% endif %} {% endfor %} </ul> </div>

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.