templates/areas/bild-text/view.html.twig line 125

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-lightbrown') %}
  14.     {% endif %}
  16.     {# button color #}
  17.     {% if backgroundColor.data == 'background-darkblue' %}
  18.         {% set buttonColor = 'lightbrown-to-turquois' %}
  19.     {% endif %}
  21.     {# image position #}
  22.     {% set imagePosition = pimcore_select('imagePosition', {
  23.         'store': [
  24.             ['imageLeft', 'Bild / Text'],
  25.             ['imageRight', 'Text / Bild']
  26.         ],
  27.         'reload': true
  28.     }) %}
  30.     {# default image position #}
  31.     {% if imagePosition.isEmpty() %}
  32.         {% do imagePosition.setDataFromResource('imageLeft') %}
  33.     {% endif %}
  35.     {% if imagePosition.data == 'imageLeft' %}
  36.         {% set imageOrder = 'order-1' %}
  37.         {% set textOrder = 'order-2' %}
  38.     {% else %}
  39.         {% set imageOrder = 'order-2' %}
  40.         {% set textOrder = 'order-1' %}
  41.     {% endif %}
  43.     {# image #}
  44.     {% set image = pimcore_image('image', {
  45.         'reload': true,
  46.         'width': 300
  47.     }) %}
  49.     {# keep original image aspect ratio #}
  50.     {% set keepAspectRatio = pimcore_checkbox('keepAspectRatio') %}
  52.     {# title #}
  53.     {% set title = pimcore_input('title', {
  54.         'placeholder': 'Titel'
  55.     }) %}
  57.     {# text #}
  58.     {% set text = pimcore_wysiwyg('text', {
  59.         'placeholder': 'Text'
  60.     }) %}
  62.     {# link #}
  63.     {% set link = pimcore_link('link') %}
  65.     {# editmode #}
  66.     {% if editmode %}
  67.         <div class="editmode">
  68.             <div class="accordion-container">
  69.                 <div class="accordion-button">
  70.                     <span class="accordion-button-text">Bild / Text</span>
  71.                     {{ include('svg/editmode/setting.html.twig') }}
  72.                 </div>
  73.                 <div class="panel">
  74.                     <div class="settings-container">
  75.                         
  76.                         <div class="setting input">
  77.                             <label>Anker:</label>
  78.                             {{ anchor|raw }}
  79.                         </div>
  81.                         <div class="setting select">
  82.                             <label>Position:</label>
  83.                             {{ imagePosition|raw }}
  84.                         </div>
  86.                         <div class="setting">
  87.                             <label>Bild:</label>
  88.                             {{ image|raw }}
  89.                         </div>
  91.                         <div class="setting checkbox">
  92.                             <label>{{ keepAspectRatio|raw }} Bildformat beibehalten</label>
  93.                         </div>
  95.                         <div class="setting select colors">
  96.                             <label>Hintergrundfarbe:</label>
  97.                             {{ backgroundColor|raw }}
  98.                             {{ include('areas_shared/colors.html.twig') }}
  99.                         </div>
  101.                         <div class="setting select">
  102.                             <label>Abstand unten:</label>
  103.                             {{ marginBottom|raw }}
  104.                         </div>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     {% endif %}
  112.     <div class="bild-text-brick brick-container {{ marginBottom.data }}">
  114.         {# anchor #}
  115.         {% if anchor.data %}
  116.             <div class="anchor" id="{{ anchor.data }}"></div>
  117.         {% endif %}
  119.         <div class="container-1710">
  120.         
  121.             <div class="container {{ backgroundColor.data }}">
  123.                 {{ include('areas/bild-text/image.html.twig') }}
  125.                 {{ include('areas/bild-text/text.html.twig') }}
  126.                 
  127.             </div>
  129.         </div>
  130.     </div>
  132. {% endblock %}