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">
  18.                 {% if slider.image %}
  19.                     {#<img class="desktop" src="{{ slider.image.thumbnail('SwipeSlider') }}" alt="">#}
  20.                     {#<img class="mobile" src="{{ slider.mobileImage.thumbnail('SwipeSliderMobile') }}" alt="">#}
  21.                     {% if deviceType == "phone" %}
  22.                         {{ slider.mobileImage.thumbnail('SwipeSliderMobile').html({imgAttributes: {
  23.                             "class": "mobile",
  24.                             'loading': 'eager',
  25.                         }}) | raw }}
  26.                     {% else %}
  27.                         {{ slider.image.thumbnail('SwipeSlider').html({imgAttributes: {
  28.                             "class": "desktop",
  29.                             'loading': 'eager',
  30.                         }}) | raw }}
  31.                     {% endif %}
  32.                 {% endif %}
  33.                 <div class="headlines">
  34.                     {% if slider.headline %}
  35.                         <div class="hero-lead">
  36.                             {{ slider.headline | raw }}
  37.                         </div>
  38.                     {% endif %}
  39.                     {% if slider.document %}
  40.                         <div class="buttons-row flex flex-end">
  41.                             <button class="primary">
  42.                                 <a class="flex" href="{{ slider.document }}" target="_blank">
  43.                                     <span>{{ 'MEHR_ERFAHREN' | trans }}
  44.                                     <svg width="15.708" height="10.709" viewBox="0 0 15.708 10.709">
  45.                                         <g transform="translate(0 0.354)">
  46.                                             <g transform="translate(0)">
  47.                                                 <path class="line" d="M7.5,18h15" transform="translate(-7.5 -13)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  48.                                                 <path class="arrow" d="M18,7.5l5.026,5L18,17.5" transform="translate(-8.027 -7.5)" fill="none" stroke="#fff" stroke-width="1"/>
  49.                                             </g>
  50.                                         </g>
  51.                                     </svg>
  52.                                     </span>
  53.                                 </a>
  54.                             </button>
  55.                         </div>
  56.                     {% endif %}
  57.                 </div>
  59.             </div>
  60.             {% endfor %}
  61.         </div>
  62.         <div class="swiper-pagination"></div>
  63.     </div>
  64.     {% endif %}
  65. </section>