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

Open in your IDE?
  1. {% set headlineTag = pimcore_select('headline1', {
  2. 'store': [
  3. ['none', 'none'],
  4. ['h1', 'H1'],
  5. ['h2', 'H2'],
  6. ['h3', 'H3'],
  7. ['h4', 'H4'],
  8. ['h5', 'H5'],
  9. ['h6', 'H6'],
  10. ],
  11. 'defaultValue': '',
  12. 'reload': true,
  13. }) %}
  15. {% if headlineTag.isEmpty() %}
  16. {% do headlineTag.setDataFromResource('h2') %}
  17. {% endif %}
  19. {% set headline1 = headlineTag.data != 'none' ? headlineTag.data|raw : 'span'|raw %}
  20. {% set headline2 = headlineTag.data != 'none' ? '</' ~ headlineTag.data|raw ~ '>' : '</span>'|raw %}
  23. {% if editmode %}
  24. <div class="edit-box">
  25. <h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
  26. <div class="flex gap-20">
  27. <div class="content flex column gap-20">
  28. <div class="content-box flex gap-20">
  29. <div class="item">
  30. <p class="edit-p">Abstand nach unten wählen:</p>
  31. {{ pimcore_select("MarginBottom", {
  32. "reload": true,
  33. "store": [
  34. ["regular", "Normal"],
  35. ["half", "1/2"],
  36. ["small", "1/4"],
  37. ["zero", "kein Abstand"],
  38. ],
  39. "defaultValue" : "regular"
  40. }) }}
  41. </div>
  43. <div class="item">
  44. <p class="edit-p">Titel-Typ definieren:</p>
  45. {{ headlineTag|raw }}
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. {% endif %}
  52. <section class="cards mulden-teaser {{ pimcore_select('MarginBottom').getData() }}">
  53. <div class="container">
  54. <div class="content-container">
  56. {% if editmode %}
  57. <span class="mulden-title">{{ pimcore_textarea("headline",{
  58. "nl2br": true,
  59. "height": 200,
  60. "placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
  61. }) }}
  62. </span>
  63. {% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
  64. <{{headline1|raw}} class="mulden-title">
  65. {{ pimcore_textarea('headline').getData() | nl2br }}
  66. {{ headline2|raw }}
  67. {% endif %}
  69. {% if editmode %}
  70. {{ pimcore_relations("Teaser", {
  71. "title": "Cards Objekte ablegen",
  72. "types": ["object"],
  73. "subtypes": {
  74. "object": ["object"]
  75. },
  76. "classes": ["Card"]
  77. }) }}
  78. {% elseif not editmode and not pimcore_relations("Teaser").isEmpty() %}
  79. {% for teaser in pimcore_relations("Teaser") %}
  80. <div class="teaser">
  81. <div class="img-container">
  82. {{ teaser.image.thumbnail('MuldenTeaser').html | raw }}
  83. </div>
  85. <div class="content">
  86. <div class="headline">
  87. {{ teaser.headline | raw }}
  88. </div>
  89. <div class="text lauf">
  90. {{ teaser.text | raw }}
  91. </div>
  93. {% if editmode %}
  94. <p class="card-link" style="margin-bottom: 0;">
  95. {{ teaser.link | raw }}
  96. </p>
  97. {% elseif not editmode and not teaser.link is empty %}
  98. <div class="btn secondary">
  99. {% if teaser.link.target %}
  100. {% set target = teaser.link.target %}
  101. {% else %}
  102. {% set target = '_self' %}
  103. {% endif %}
  104. <a class="flex" href="{{ teaser.link.href }}" target="{{ target }}">
  105. <span>{{ teaser.link.getText() }}
  106. {# <svg width="15.708" height="10.709" viewBox="0 0 15.708 10.709">
  107. <g transform="translate(0 0.354)">
  108. <g transform="translate(0)">
  109. <path class="line" d="M7.5,18h15" transform="translate(-7.5 -13)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  110. <path class="arrow" d="M18,7.5l5.026,5L18,17.5" transform="translate(-8.027 -7.5)" fill="none" stroke="#fff" stroke-width="1"/>
  111. </g>
  112. </g>
  113. </svg> #}
  114. </span>
  115. </a>
  116. <div class="button-shape">
  117. {{include('svg/button-shape.html.twig')}}
  118. </div>
  119. </div>
  121. {% endif %}
  122. </div>
  124. </div>
  125. {% endfor %}
  126. {% endif %}
  127. </div>
  128. </div>
  129. </section>