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

Open in your IDE?
  1. {# default headline #}
  2. {# headline #}
  3. {% set headlineTag = pimcore_select('headline', {
  4.     'store': [
  5.         ['none', 'none'],
  6.         ['h1', 'H1'],
  7.         ['h2', 'H2'],
  8.         ['h3', 'H3'],
  9.         ['h4', 'H4'],
  10.         ['h5', 'H5'],
  11.         ['h6', 'H6'],
  12.     ],
  13.     'defaultValue': '',
  14.     'reload': true
  15. }) %}
  17. {% if headlineTag.isEmpty() %}
  18.     {% do headlineTag.setDataFromResource('none') %}
  19. {% endif %}
  21. {% set headline1 = headlineTag.data != 'none' ? headlineTag.data|raw : 'span'|raw %}
  22. {% set headline2 = headlineTag.data != 'none' ? '</' ~ headlineTag.data|raw ~ '>' : '</span>'|raw %}
  24. <section class="header {{ pimcore_select('MarginBottom').getData() }}">
  25.     {% if editmode %}
  26.         <div class="editmode-container" style="display: flex; flex-direction: column; justify-content: center; width: 100%;">
  27.             <div class="content flex column center gap-20">
  29.                 <div class="content-box flex gap-20">
  30.                     <div class="item">
  31.                         <p class="edit-p">Abstand nach unten wählen:</p>
  32.                         {{ pimcore_select("MarginBottom", {
  33.                             "reload": true,
  34.                             "store": [
  35.                                 ["regular", "Normal"],
  36.                                 ["half", "1/2"],
  37.                                 ["small", "1/4"],
  38.                                 ["zero", "kein Abstand"],
  39.                             ],
  40.                             "defaultValue" : "regular"
  41.                         }) }}
  42.                     </div>
  44.                     <div class="item">
  45.                         <div class="setting select">
  46.                             <p class="edit-p">Titel-Typ definieren:</p>
  47.                             {{ headlineTag|raw }}
  48.                         </div>
  49.                     </div>
  50.                 </div>
  52.                 <div class="relation-container">
  53.                     {{ pimcore_relations("SwipeSlider", {
  54.                         "title": "SwipeSlider Objekte ablegen",
  55.                         "types": ["object"],
  56.                         "subtypes": {
  57.                             "object": ["object"]
  58.                         },
  59.                         "classes": ["SwipeSlider"]
  60.                     }) }}
  61.                 </div>
  63.             </div>
  64.         </div>
  65.     {% else %}
  66.         <div class="swiper header-swiper">
  67.             <div class="swiper-wrapper">
  68.                 {% for slider in pimcore_relations("SwipeSlider") %}
  69.                 <div class="swiper-slide flex column">
  70.                     {% if slider.image %}
  71.                         {#<img class="desktop" src="{{ slider.image.thumbnail('SwipeSlider') }}" alt="">#}
  72.                         {#<img class="mobile" src="{{ slider.mobileImage.thumbnail('SwipeSliderMobile') }}" alt="">#}
  73.                         {# {% if deviceType == "phone" %}
  74.                             {{ slider.mobileImage.thumbnail('SwipeSliderMobile').html({imgAttributes: {
  75.                                 "class": "mobile",
  76.                                 'loading': 'eager',
  77.                             }}) | raw }}
  78.                         {% else %}
  79.                         {% endif %} #}
  80.                         {{ slider.image.thumbnail('SwipeSlider').html({imgAttributes: {
  81.                             "class": "desktop",
  82.                             'loading': 'eager',
  83.                         }}) | raw }}
  84.                     {% endif %}
  86.                     <div class="hero-hexagon hexagon as-hex">
  87.                         {{ include('svg/hexagon.html.twig') }}
  88.                     </div>
  90.                     <div class="headlines">
  92.                         {% if editmode %}
  93.                             <div class="hero-lead">
  94.                                 {{ slider.headline|raw }}
  95.                             </div>
  96.                         {% elseif slider.headline %}
  97.                             <{{headline1|raw}} class="hero-lead">
  98.                                 {{ slider.headline | raw }}
  99.                             {{ headline2|raw }}
  100.                         {% endif %}
  103.                         {% if slider.text %}
  104.                             <div class="hero-text">
  105.                                 {{ slider.text | raw }}
  106.                             </div>
  107.                         {% endif %}
  109.                     </div>
  111.                 </div>
  112.                 {% endfor %}
  113.             </div>
  114.             <div class="swiper-pagination"></div>
  115.         </div>
  116.     {% endif %}
  117. </section>