templates/includes/layout/header/widgets/widget-teaserslider.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {{ pimcore_relations('teaserslider', {
  3.         'types': ['object'],
  4.         'classes': ['Teaser'],
  5.         'title': 'Bitte gewünschte Teaser-Objekte hierher ziehen'
  6.     }) }}
  7. {% else %}
  8.     {% if not pimcore_relations('teaserslider').isEmpty() %}
  9.         <div class="teaserslider">
  10.             <div class="splide">
  12.                 {% if pimcore_relations('teaserslider').getElements()|length > 1 %}
  13.                     <div class="teaserslider--controls splide__arrows">
  14.                         <div class="arrow arrow--prev prev splide__arrow splide__arrow--prev">
  15.                             <i class="prev--arrow"></i>
  16.                         </div>
  17.                         <div class="arrow arrow--next next splide__arrow splide__arrow--next">
  18.                             <i class="next--arrow"></i>
  19.                         </div>
  20.                     </div>
  21.                 {% endif %}
  23.                 <div class="splide__track">
  24.                     <ul class="splide__list">
  25.                         {% for key, element in pimcore_relations("teaserslider") %}
  26.                             <li class="splide__slide">
  27.                                 {% if element.getLink() %}
  28.                                     <a href="{{ element.getLink().getHref() }}" class="teaser box-shadow" target="{{ element.getLink().getTarget() }}">
  29.                                         <div class="teaser--image">
  30.                                             {% set thumb = 'teaserslider-widget' %}
  31.                                             {% if document.getProperty('design') == 'playful2' %}
  32.                                                 {% set thumb = 'teaserslider-widget-playful2' %}
  33.                                             {% endif %}
  34.                                             {% if document.getProperty('design') == 'playful3' %}
  35.                                                 {% set thumb = 'teaserslider-widget-playful3' %}
  36.                                             {% endif %}
  37.                                             {{ element.getImage().getThumbnail(thumb).getHtml()|raw }}
  38.                                         </div>
  39.                                         <div class="teaser--content">
  40.                                             <div class="teaser--content-container">
  41.                                                 <h3>{{ element.getTitle() }}</h3>
  42.                                                 {% if document.getProperty('design') == 'playful3' %}
  43.                                                     <span class="btn">
  44.                                                         {{ element.getLink().getText() }}
  45.                                                     </span>
  46.                                                 {% endif %}
  47.                                                 {% if document.getProperty('design') != 'playful3' %}
  48.                                                     <div class="arrow-right"><i class="iconfont-arrow-right"></i></div>
  49.                                                 {% endif %}
  50.                                             </div>
  51.                                         </div>
  52.                                     </a>
  53.                                 {% endif %}
  54.                             </li>
  55.                         {% endfor %}
  56.                     </ul>
  57.                 </div>
  58.             </div>
  59.         </div>
  60.     {% endif %}
  61. {% endif %}