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 | striptags }}
  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>