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>