<section class="komili-home-products"> <div class="komili-wrapper"> <h1 class="text-center bold text-color-p mb-24 h2">{{ 'PRODUCTS' | trans }}</h1> <div class="komili-home-products-slider komili-product-page-products"> {% for product in productPaginator.result %} <div class="komili-home-products-item"> <a href="{{ path('product_item', {'categorySlug': product.slug }) }}"> <figure> <img src="{{ product.image.url }}" alt={{ product.title }} width="200" height="200" loading="lazy"> </figure> <div class="text"> <h3 class="bold text-color-p h4 mb-10">{{ product.title }}</h3> <p class="text-black mb-0">{{ product.shortContent }}</p> </div> </a> </div> {% endfor %} </div> </div> </section>