templates/areas/header/view.html.twig line 1

Open in your IDE?
  1. <section class="header">
  2.     {% if editmode %}
  3.         <div class="relation-container">
  4.             {{ pimcore_relations("SwipeSlider", {
  5.                 "title": "SwipeSlider Objekte ablegen",
  6.                 "types": ["object"],
  7.                 "subtypes": {
  8.                     "object": ["object"]
  9.                 },
  10.                 "classes": ["SwipeSlider"]
  11.             }) }}
  12.         </div>
  13.     {% else %}
  14.     <div class="swiper header-swiper">
  15.         <div class="swiper-wrapper">
  16.             {% for slider in pimcore_relations("SwipeSlider") %}
  17.             <div class="swiper-slide flex column justify-center">
  18.                 {% if slider.image %}
  19.                 {#{{ slider.image.thumbnail('SwipeSlider').getHtml() | raw }}#}
  20.                     {#<img src="{{ slider.image.thumbnail('SwipeSlider') }}" alt="" title="">#}
  21.                     {{ slider.image.thumbnail('SwipeSlider').html | raw }}
  22.                 {% elseif slider.video %}
  23.                     <video muted playsinline autoplay loop src="{{ slider.video }}"></video>
  24.                 {% endif %}
  25.                 <div class="headlines">
  26.                     {% if slider.headline %}
  27.                         <div class="hero-lead">
  28.                             {% if deviceType == "phone" and slider.headlineMobile %}
  29.                                 {{ slider.headlineMobile | raw }}
  30.                             {% else  %}
  31.                             {{ slider.headline | raw }}
  32.                             {% endif %}
  33.                         </div>
  34.                     {% endif %}
  35.                     {% if slider.text %}
  36.                     <div class="hero-text">
  37.                         {{ slider.text | raw }}
  38.                     </div>
  39.                     {% endif %}
  40.                 </div>
  41.             </div>
  42.             {% endfor %}
  43.         </div>
  44.         <div class="swiper-pagination"></div>
  45.     </div>
  46.     {% endif %}
  47. </section>