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

Open in your IDE?
  1. {# settings #}
  2. {% extends ('areas_shared/settings.html.twig') %}
  4. {% block content %}
  6.     {# default margin #}
  7.     {% if marginBottom.isEmpty() %}
  8.         {% do marginBottom.setDataFromResource('no-margin-bottom') %}
  9.     {% endif %}
  11.     {# default background color #}
  12.     {% if backgroundColor.isEmpty() %}
  13.         {% do backgroundColor.setDataFromResource('background-white') %}
  14.     {% endif %}
  16.     {# title #}
  17.     {% set title = pimcore_textarea('title', {
  18.         'placeholder': 'Titel',
  19.         'nl2br': true
  20.     }) %}
  22.     {# text #}
  23.     {% set text = pimcore_textarea('text', {
  24.         'placeholder': 'Text'
  25.     }) %}
  27.     {# image #}
  28.     {% set image = pimcore_image('image', {
  29.         'reload': true,
  30.         'width': 300
  31.     }) %}
  33.     {# editmode #}
  34.     {% if editmode %}
  35.         <div class="editmode">
  36.             <div class="accordion-container">
  37.                 <div class="accordion-button">
  38.                     <span class="accordion-button-text">Vollbild</span>
  39.                     {{ include('svg/editmode/setting.html.twig') }}
  40.                 </div>
  41.                 <div class="panel">
  42.                     <div class="settings-container">
  43.                         
  44.                         <div class="setting input">
  45.                             <label>Anker:</label>
  46.                             {{ anchor|raw }}
  47.                         </div>
  49.                         <div class="setting">
  50.                             <label>Bild:</label>
  51.                             {{ image|raw }}
  52.                         </div>
  54.                         <div class="setting select">
  55.                             <label>Abstand unten:</label>
  56.                             {{ marginBottom|raw }}
  57.                         </div>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.     {% endif %}
  65.     <div class="vollbild-brick brick-container {{ backgroundColor.data }} {{ marginBottom.data }}">
  67.         {# anchor #}
  68.         {% if anchor.data %}
  69.             <div class="anchor" id="{{ anchor.data }}"></div>
  70.         {% endif %}
  72.         <div class="container-2500 no-padding">
  74.             <div class="alignment">
  76.                 {# image #}
  77.                 {% if image.src %}
  78.                     <div class="image">
  79.                         {{ image.thumbnail('vollbild').html({
  80.                             'alt': image.alt,
  81.                             'disableWidthHeightAttributes': true,
  82.                             'imgAttributes': {
  83.                                 'width': 480,
  84.                                 'height': 300,
  85.                                 'loading': 'lazy'
  86.                             }
  87.                         })|raw }}
  88.                     </div>
  89.                 {% endif %}
  90.                 
  91.                 <div class="content">
  93.                     <div class="container-1420">
  95.                         {# logo #}
  96.                         <div class="logo">
  97.                             {{ include('svg/logo/logo-lutisbach-weiss.html.twig') }}
  98.                         </div>
  100.                         {# title #}
  101.                         {% if editmode or title.data %}
  102.                             <div class="title">
  103.                                 <p>
  104.                                     {{ title|raw }}
  105.                                 </p>
  106.                             </div>
  107.                         {% endif %}
  109.                         {# text #}
  110.                         {% if editmode or text.data %}
  111.                             <div class="text">
  112.                                 <p>
  113.                                     {{ text|raw }}
  114.                                 </p>
  115.                             </div>
  116.                         {% endif %}
  118.                     </div>
  120.                 </div>
  122.                 {# overlay #}
  123.                 <div class="overlay">
  124.                 </div>
  126.             </div>
  128.         </div>
  129.     </div>
  131. {% endblock %}