themes/bases/Campussuite2015/widgets/OwlSlider/build/tpl.html.twig line 1

Open in your IDE?
  1. {% set alt = '' -%}
  2. {% set slideNo = '' -%}
  3. {% set slideTotal = '' -%}
  5. <div class="cs-owl-slider {% if _widget.autoplay is same as(true) %}cs-slider-w-playback{% endif %}">
  6.     <div class="csw cs-owl-slides owl-carousel">
  7.         {% for slide in _widget.slides -%}
  9.             {% if slide.enabled is same as(true) -%}
  11.                 {% set slideTotal = loop.index0 + 1 -%}
  13.                 {% if slide.alt is not empty -%}
  14.                     {% set alt = slide.alt -%}
  15.                 {% elseif slide.heading is not empty -%}
  16.                     {% set alt = slide.heading -%}
  17.                 {% else -%}
  18.                     {% set slideNo = loop.index0 + 1 -%}
  19.                     {% set alt = 'slide-' ~ slideNo -%}
  20.                 {% endif -%}
  22.                 <div class="cs-owl-slide">
  23.                     {% if slide.linkLabel is empty and slide.link is not empty -%}
  24.                     <a class="cs-owl-slide__image-link" href="{{ slide.link|default('#') }}"{% if slide.linkTarget is same as(true) %} target="_blank"{% endif %}>
  25.                         {% endif -%}
  27.                         {% if slide.image is not empty -%}
  28.                             <img src="{{ cms_identUrl(slide.image, {extra: cms_imageOptimization('MASKS__GENERIC__FULL')}) }}" alt="{{ alt }}" />
  29.                         {% endif -%}
  31.                         {% if slide.heading is not empty or slide.teaser is not empty or slide.linkLabel is not empty -%}
  32.                             <div class="cs-owl-slide-wrap">
  33.                                 <div class="cs-owl-slide-container">
  34.                                     <div class="cs-owl-slide-content cs-owl-slide-content-{{ slide.alignment|default('left') }}">
  35.                                         {% if slide.heading is not empty -%}
  36.                                             <div class="cs-owl-slide-title">
  37.                                                 {{ slide.heading }}
  38.                                             </div>
  39.                                         {% endif -%}
  40.                                         {% if slide.teaser is not empty -%}
  41.                                             <div class="cs-owl-slide-body">
  42.                                                 {% if slide.teaser matches '/^<.+/' %}
  43.                                                     {{ slide.teaser|raw }}
  44.                                                 {% else %}
  45.                                                     <p>{{ slide.teaser }}</p>
  46.                                                 {% endif %}
  47.                                             </div>
  48.                                         {% endif -%}
  49.                                         {% if slide.linkLabel is not empty -%}
  50.                                             <div class="cs-owl-slide-footer">
  51.                                                 <a class="cs-owl-slide-btn" href="{{ slide.link|default('#') }}" {% if slide.linkTarget is same as(true) -%} target="_blank" {% endif -%}>{{ slide.linkLabel }}</a>
  52.                                             </div>
  53.                                         {% endif -%}
  54.                                     </div>
  55.                                 </div>
  56.                             </div>
  57.                         {% endif -%}
  59.                         {% if slide.linkLabel is empty and slide.link is not empty -%}
  60.                     </a>
  61.                     {% endif -%}
  62.                 </div>
  64.             {% endif -%}
  65.         {% endfor -%}
  66.     </div>
  67.     {#
  68.     {% if _widget.autoplay is same as(true) and slideTotal > 1 -%}
  69.         <div id="{{ _htmlId }}-playback" class="cs-owl-slider-playback owl-playback"></div>
  70.     {% endif -%}
  71.     #}
  72.     {% if _widget.pagination is same as(true) and slideTotal > 1 -%}
  73.         <div id="{{ _htmlId }}-dots" class="cs-owl-slider-dots owl-dots"></div>
  74.     {% endif -%}
  75. </div>