templates/areas/zitat-teaser/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     <div class="edit-box">
  3.         <h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
  4.         <div class="flex gap-20">
  5.             <div class="content flex column gap-20">
  6.                 <div class="content-box flex gap-20">
  7.                     <div class="item">
  8.                         <p class="edit-p">Abstand nach unten wählen:</p>
  9.                         {{ pimcore_select("MarginBottom", {
  10.                             "reload": true,
  11.                             "store": [
  12.                                 ["regular", "Normal"],
  13.                                 ["half", "1/2"],
  14.                                 ["small", "1/4"],
  15.                                 ["zero", "kein Abstand"],
  16.                             ],
  17.                             "defaultValue" : "regular"
  18.                         }) }}
  19.                     </div>
  20.                 </div>
  21.             </div>
  22.         </div>
  23.     </div>
  24. {% endif %}
  25. {% if editmode %}
  26.     <section class="full-width-teaser-headline">
  27.         <div class="container">
  28.             <div class="content-container">
  29.                 <h2>{{ pimcore_textarea("headline_main",{
  30.                         "nl2br": true,
  31.                         "height": 200,
  32.                         "placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
  33.                     }) }}
  34.                 </h2>
  35.             </div>
  36.         </div>
  37.     </section>
  38. {% elseif not editmode and not pimcore_textarea('headline_main').isEmpty() %}
  39.     <section class="full-width-teaser-headline">
  40.         <div class="container">
  41.             <div class="content-container">
  42.                 <h2>{{ pimcore_textarea('headline_main').getData() | nl2br }}</h2>
  43.             </div>
  44.         </div>
  45.     </section>
  46. {% endif %}
  47. <section class="full-width-teaser {{ pimcore_select('MarginBottom').getData() }}">
  49.     {% if editmode %}
  50.         <div class="container">
  51.             {{ pimcore_relation("Image",{
  52.                 "types": ["asset"],
  53.                 "subtypes": {
  54.                     "asset": ["image"]
  55.                 }
  56.             }) }}
  57.         </div>
  58.     {% elseif not editmode and not pimcore_relation("Image").isEmpty() %}
  59.         <div class="imag-container">
  60.             {{ pimcore_relation("Image").getElement().thumbnail('FullWidthTeaser').html({imgAttributes: {
  61.                 "class": "skew-image"
  62.             }}) | raw }}
  63.         </div>
  64.     {% endif %}
  66.     <div class="headline-text">
  67.         {% if editmode %}
  68.             <p class="zitat-headline">
  69.                 {{ pimcore_textarea("headline",{
  70.                     "nl2br": true,
  71.                     "height": 150,
  72.                     "class": "zitat-headline",
  73.                     "placeholder": "Entsorgung ist mehr als ein Arbeitseinsatz. Es ist eine Mission – Im Dienst unserer Kunden und der Umwelt."
  74.                 }) }}
  75.             </p>
  76.         {% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
  77.             <h2 class="zitat-headline">{{ pimcore_textarea('headline').getData() | nl2br }}</h2>
  78.         {% endif %}
  80.         {% if editmode %}
  81.             <p class="legend" style="margin-bottom: 0;">
  82.                 {{ pimcore_textarea("legend",{
  83.                     "nl2br": true,
  84.                     "height": 30,
  85.                     "class": "legend",
  86.                     "placeholder": "Pascal Weber, Chauffeur"
  87.                 }) }}
  88.             </p>
  89.         {% elseif not editmode and not pimcore_textarea('legend').isEmpty() %}
  90.             <p class="legend">{{ pimcore_textarea('legend').getData() | nl2br }}</p>
  91.         {% endif %}
  92.     </div>
  94. </section>