custom/plugins/WvLafinaTheme/src/Resources/views/storefront/element/cms-element-wv-slider.html.twig line 1

Open in your IDE?
  1. <div class="uk-home-slider uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="animation: fade; autoplay: 5000; draggable: false">
  2.    {#<div class="uk-home-slider uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="animation: fade; draggable: false"> #}
  3.     <ul class="uk-slideshow-items">
  4.       {% for slide in slides %}
  5.       <li>
  6.           
  7.           <img src="{{slide.image}}" {% if slide.image_alt %} alt="{{slide.image_alt}}" {% endif %} {% if slide.image_title %} title="{{slide.image_title}}" {% endif %} uk-cover>
  8.           <div class="uk-position-center uk-position-small uk-text-center">
  9.               {% if loop.index == 4 %}<h1{% else %}<div{% endif %} class="uk-h1" uk-slideshow-parallax="x: 100,-100">{{slide.title}}{% if loop.index == 4 %}</h1>{% else %} </div>{% endif %}
  10.               <p class="uk-h2" uk-slideshow-parallax="x: 200,-200">{{slide.subtitle}}</p>
  11.               <p class="uk-h3" uk-slideshow-parallax="x: 200,-200">{{slide.content}}</p>
  12.               {% if slide.link and slide.link_title %}
  13.                 <a uk-slideshow-parallax="x: 400,-400" class="uk-button uk-button-default" href="{{slide.link}}" title="{{slide.link_meta_title}}"> {{slide.link_title}}</a>
  14.               {% endif %}
  16.           </div>
  18.           {% if slide.link and not slide.link_title %}
  19.             <a class="full" href="{{slide.link}}" title="{{slide.link_meta_title}}"></a>
  20.           {% endif %}
  22.           
  23.       </li>
  24.       {% endfor %}
  25.     </ul>
  26.     <a class="uk-position-center-left uk-position-small" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
  27.     {# <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a> #}
  28.     <a class="uk-position-center-right uk-position-small" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
  29.     {# <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a> #}
  30.     
  31.     <ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>
  32. </div>
  36. <div class="uk-home-slider-products uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="animation: fade; draggable: false"> 
  37.     <ul class="uk-slideshow-items">
  38.       {% for slide in slides %}
  39.       <li>
  40.         {% if slide.product_image %}
  41.         <div class="home-slider-product-image">
  42.           <img src="{{slide.product_image}}"/>
  43.         </div>
  44.         {% endif %}
  45.       </li>
  46.       {% endfor %}
  47.     </ul>
  48.   </div>