templates/areas/teaser-header/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. <section class="content-header teaser-header {{ pimcore_select('MarginBottom').getData() }}">
  26.     {% if editmode %}
  27.     <div class="container" style="z-index: 10;position: relative;">
  28.         {{ pimcore_relation("HeaderImage",{
  29.             "types": ["asset"],
  30.             "subtypes": {
  31.                 "asset": ["image"]
  32.             }
  33.         }) }}
  34.     </div>
  35.     {% elseif not editmode and not pimcore_relation("HeaderImage").isEmpty() %}
  36.         <div class="bg">
  37.             {{ pimcore_relation("HeaderImage").getElement().thumbnail('ContentHeaderBackground').getHtml({'imgAttributes': {
  38.                 'class': 'content-header-image'
  39.             }}) | raw }}
  40.         </div>
  41.     {% endif %}
  42.     <div class="container content-header-container">
  43.         {% if editmode %}
  44.             <h1>{{ pimcore_textarea("headline",{
  45.                     "nl2br": true,
  46.                     "height": 100,
  47.                     "placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
  48.                 }) }}
  49.             </h1>
  50.         {% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
  51.             <h1>{{ pimcore_textarea('headline').getData() | nl2br }}</h1>
  52.         {% endif %}
  53.         <div class="content-container lead">
  54.             {% if editmode %}
  55.                 <p>{{ pimcore_textarea("intro",{
  56.                         "nl2br": true,
  57.                         "height": 200,
  58.                         "class": "content-intro-text",
  59.                         "placeholder": "Quisque velit nisi, pretium ut lacinia in, elementum id enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Pellentesque in ipsum id orci porta dapibus. Nulla quis lorem ut libero malesuada feugiat."
  60.                     }) }}
  61.                 </p>
  62.             {% elseif not editmode and not pimcore_textarea('intro').isEmpty() %}
  63.                 <p>{{ pimcore_textarea('intro').getData() | nl2br }}</p>
  64.             {% endif %}
  65.         </div>
  67.         <section class="teasers teaser-brick">
  68.             <div class="container teasers-brick-container">
  69.                 {{ pimcore_areablock('Areablock', {
  70.                     'allowed': [
  71.                         'image-text',
  72.                         'text-image',
  73.                     ]
  74.                 }) }}
  75.             </div>
  76.         </section>
  78.     </div>
  79. </section>