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

Open in your IDE?
  1. {% set headlineTag = pimcore_select('headlineTag', {
  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>
  48.                     {#<div class="item">
  49.                         <p class="edit-p">Anker Text:</p>
  50.                         {{ pimcore_input('anchor',{'placeholder':'Anker Text','width':300}) }}
  51.                     </div>#}
  52.                 </div>
  53.             </div>
  54.         </div>
  55.     </div>
  56. {% endif %}
  57. <section class="benefits {{ pimcore_select('MarginBottom').getData() }}">
  58.     <div class="container">
  59.         <div class="content-container">
  60.             {% if editmode %}
  61.                 <h2 class="benefits-title">
  62.                     {{ pimcore_textarea("headline",{
  63.                         "nl2br": true,
  64.                         "height": 100,
  65.                         "placeholder": "Benefit Titel"
  66.                     }) }}
  67.                 </h2>
  68.             {% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
  69.                 <{{headline1|raw}} class="benefits-title">
  70.                     {{ pimcore_textarea('headline').getData() | nl2br }}                
  71.                 {{headline2|raw}}
  72.             {% endif %}
  73.             <div class="lauf">
  74.                 {% if editmode %}
  75.                     <p>{{ pimcore_textarea("text",{
  76.                             "nl2br": true,
  77.                             "height": 100,
  78.                             "placeholder": "Oconsetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita "
  79.                         }) }}
  80.                     </p>
  81.                 {% elseif not editmode and not pimcore_textarea('text').isEmpty() %}
  82.                     <p>{{ pimcore_textarea('text').getData() | nl2br }}</p>
  83.                 {% endif %}
  85.             </div>
  86.         </div>
  87.         {% if editmode %}
  88.             {{ pimcore_relations("Teaser", {
  89.                 "title": "Benefits Objekte ablegen",
  90.                 "types": ["object"],
  91.                 "subtypes": {
  92.                     "object": ["object"]
  93.                 },
  94.                 "classes": ["Benefits"]
  95.             }) }}
  96.         {% elseif not editmode and not pimcore_relations("Teaser").isEmpty() %}
  97.             <div class="elements {% if pimcore_relations("Teaser") | length < 4 %}small{% endif %}">
  98.                 {% for teaser in pimcore_relations("Teaser") %}
  99.                     <div class="teaser">
  100.                         <div class="img-container">
  101.                             {{ teaser.image.thumbnail('BenefitsTeaser').html | raw }}
  102.                         </div>
  103.                         <div class="lauf content-elements">
  104.                             <h3>{{ teaser.headline }}</h3>
  105.                             <p>{{ teaser.text | nl2br }}</p>
  106.                         </div>
  107.                     </div>
  108.                 {% endfor %}
  109.             </div>
  110.         {% endif %}
  111.     </div>
  112. </section>