<div class=""> <div class="w-100 back-cover back-no-repeat back-pos-center w-max-s column space-between {{ productConfig.design.banner_image_ratio }}" style="background-image: url('/uploads/{{ product.productImages[0].image.name }}');"> <div class="w-100"> <h2 class="{{ productConfig.design.title_class_list }}">{{ product.name }}</h2> {% if productConfig.design.is_description_list == true %} <p class="{{ productConfig.design.description_class_list }}">{{ product.preview|nl2br }}</p> {% endif %} </div> <div class="column"> {% if productConfig.design.is_brand_list == true %} <p class="{{ productConfig.design.brand_class_list }}">{{ product.brand.name }}</p> {% endif %} {% if productConfig.design.is_price_list == true %} <p class="{{ productConfig.design.price_class_list }}">{{ product.price|number_format(2, ',', ' ') }} €</p> {% endif %} {% if productConfig.design.is_category_list == true %} <div class="flex-row wrap p-1"> {% for cat in product.categories %} <span class="{{ productConfig.design.category_class_list }}">{{ cat.name }}</span> {% endfor %} </div> {% endif %} <a href="{{ path('app_product_show', { slug: product.slug }) }}" class="{{ productConfig.design.link_class_list }}">{{ productConfig.design.link_text }}</a> {% include 'product/templates/_like-cart.html.twig' %} </div> </div></div>