templates/document/areabricks/features-list-brick/view.html.twig line 1

Open in your IDE?
  1. {% set columnCount = pimcore_numeric('columnCount').getData()|default(1) %}
  3. {% set bgImageStyle = "" %}
  4. {% set bgFilter = "hidden" %}
  5. {% if pimcore_select("colorFilter").getData() == 'gold' %}
  6.   {% set bgImageStyle = "filter: grayscale(100%);" %}
  7.   {% set bgFilter = "opacity-75 bg-primary" %}
  8. {% elseif pimcore_select("colorFilter").getData() == 'braun' %}
  9.   {% set bgImageStyle = "filter: grayscale(100%);" %}
  10.   {% set bgFilter = "opacity-75 bg-secondary" %}
  11. {% elseif pimcore_select("colorFilter").getData() == 'hellgrau' %}
  12.   {% set bgImageStyle = "filter: grayscale(100%);" %}
  13.   {% set bgFilter = "opacity-75 bg-background" %}
  14. {% elseif pimcore_select("colorFilter").getData() == 'dunkelgrau' %}
  15.   {% set bgImageStyle = "filter: grayscale(100%);" %}
  16.   {% set bgFilter = "opacity-75 bg-secondary" %}
  17. {% endif %}
  20. <div class="relative w-full overflow-hidden bg-center bg-cover"
  21.     {# {% if not editmode %}
  22.         {% set image = pimcore_image("background").getThumbnail('features-background') %}
  23.         style="background-image: url('{{ image }}');"
  24.     {% endif %} #}
  25. >
  27.     {% if not editmode %}
  28.       <div class="absolute top-0 left-0 w-full h-full bg-center bg-cover z-60"
  29.         {% set image = pimcore_image("background").getThumbnail('hero-background') %}
  30.         style="background-image: url('{{ image }}'); {{ bgImageStyle }}"
  31.       ></div>
  32.     {% endif %}
  34.     {% if editmode %}
  35.         {{ pimcore_image("background", {
  36.             "thumbnail": "features-background",
  37.             "class": "w-full",
  38.         })|raw }}
  39.     {% endif %}
  41.     <div class="relative max-w-4xl p-8 mx-auto z-80 md:py-24 md:px-0">
  42.         {% for i in range(1, columnCount) %}
  43.             <div class="grid {{pimcore_input('headline-' ~ i) is not empty and  pimcore_wysiwyg('content-' ~ i) is not empty  ? 'items-start' : 'items-center'}} my-8 md:my-4 md:space-x-8 md:grid-cols-12">
  44.                 <div style="{{pimcore_input('headline-' ~ i) is not empty and  pimcore_wysiwyg('content-' ~ i) is not empty  ? 'margin-top:6px;' : ''}}">
  45.                     {{ pimcore_image('icon-' ~ i, {
  46.                         "thumbnail": "features-icon",
  47.                         "class": "mx-auto md:mx-0 md:w-full"
  48.                     }) }}
  49.                 </div>
  50.                 <div class="text-white md:col-span-11">
  51.                     <h3 class="text-2xl font-medium leading-tight tracking-wide font-headline">{{ pimcore_input('headline-' ~ i) }}</h3>
  52.                     <p class="text-lg">{{ pimcore_wysiwyg('content-' ~ i) }}</p>
  53.                 </div>
  54.             </div>
  55.         {% endfor %}
  56.     </div>
  58.     <div class="absolute top-0 left-0 w-full h-full z-70 {{ bgFilter }}"></div>
  59. </div>