templates/document/areabricks/column-layout-brick/view.html.twig line 1

Open in your IDE?
  1. {% set column = pimcore_select("column").getData() %}
  2. {% set bgColor = pimcore_select("backgroundColor").getData() %}
  4. {% set class1 = 'col-span-6' %}
  5. {% set class2 = 'hidden' %}
  6. {% if column == '50/50' %}
  7.   {% set class1 = 'xl:col-span-3' %}
  8.   {% set class2 = 'xl:col-span-3' %}
  9. {% elseif column == '70/30' %}
  10.   {% set class1 = 'xl:col-span-4' %}
  11.   {% set class2 = 'xl:col-span-2' %}
  12. {% elseif column == '30/70' %}
  13.   {% set class1 = 'xl:col-span-2' %}
  14.   {% set class2 = 'xl:col-span-4' %}
  15. {% endif %}
  19. <div class="mx-auto max-w-8xl {{ bgColor }}">
  20. <section class="{% if editmode %}py-12 border-black border-dashed border{% endif %} mx-auto max-w-screen-3xl container">
  21.     <div class="container py-8 mx-auto md:py-16">
  22.     <div class="flex items-center gap-4 mb-6 text-primary-500">
  23.     {% if editmode %}
  24.       {{pimcore_relation('icon') }}
  25.     {% endif %}
  26.     {% if pimcore_relation('icon').element %}
  27.     {{pimcore_relation('icon').element.thumbnail('reference-icon').html({
  28.       pictureAttributes: {class: 'w-8 '},
  29.       imgAttributes: {class: 'w-8'},
  30.     })|raw}}
  31.   {% endif %}
  33.         <h2 class="uppercase h4">
  35.             {{ pimcore_input('headline', {
  36.                 "placeholder": "Überschrift"
  37.             }) }}
  38.         </h2>
  39.         </div>
  40.         <div class="grid gap-12 xl:grid-cols-6">
  41.             <div class="{{ class1 }}">
  42.             {# Areablocks #}
  43.             {# prettier-ignore #}
  44.             {% include "component/areablock-column-layout.html.twig" ignore missing with {'areablockname': 'pagethreeleft'} %}
  45.             </div>
  46.             <div class="{{ class2 }}">
  47.               {# Areablocks #}
  48.               {# prettier-ignore #}
  49.               {% include "component/areablock-column-layout.html.twig" ignore missing with {'areablockname': 'pagethreeright'} %}
  50.             </div>
  51.         </div>
  52.     </div>
  53. </section>
  54. </div>