templates/areas/features-brick/view.html.twig line 1

Open in your IDE?
  1. {% embed 'app/area-brick-layout.html.twig' %}
  2.     {% block content %}
  3.         {% if editmode and productCategory is not defined %}
  4.             <label>Productcategorie</label>
  5.             {{ pimcore_relation('product-category', {
  6.                 classes: ['ProductCategory'],
  7.                 placeholder: 'Productcategorie'
  8.             }) }}
  9.         {% else %}
  10.             <!-- Icon box -->
  11.             <section>
  12.                 <div class="container grid grid-cols-12 gap-4 pt-5 md:gap-6 pb-14">
  13.                     {% for property in properties %}
  14.                         <div class="flex col-span-12 gap-4 md:block md:col-span-6 lg:col-span-3">
  15.                             <div class="inline-block shrink-0 md:mb-5">
  16.                                 {# Also @see templates/product_category/archive.html.twig #}
  17.                                 {% if property['property_object'].getData().getIcon() is not null %}
  18.                                     {{ property['property_object'].getData().getIcon().getThumbnail('feature-icon').html({
  19.                                         pictureAttributes: {class: 'block overflow-hidden rounded-full h-8 w-8 md:h-14 md:w-14'},
  20.                                         imgAttributes: {class: 'w-full'},
  21.                                     })|raw }}
  22.                                 {% endif %}
  23.                             </div>
  24.                             <div>
  25.                                 {% if (brickBackgroundColor ?? pimcore_select('backgroundColor')) == 'bg-white' %}
  26.                                     <h3 class="mb-1 text-base md:text-lg">{{ property['property_object'].getData().getTitle() }}</h3>
  27.                                     <span class="text-base text-gray-800 md:text-lg">{{ property['property_value'].getData() }}</span>
  28.                                 {% else %}
  29.                                     <div class="text-base text-white md:text-lg line-clamp-3">{{ property['property_object'].getData().getDescription() }}</div>
  30.                                 {% endif %}
  31.                             </div>
  32.                         </div>
  33.                     {% endfor %}
  34.                 </div>
  35.             </section>
  36.         {% endif %}
  37.     {% endblock %}
  39. {% endembed %}