{% if products|length > 0 %} <section class="bloc-selection pt-md-4 pt-3 mt-md-3 px-xl-5 px-lg-2"> <div class="max-container-3 px-mob-0 px-lg-0"> <h2 class="title-medium text-center hidden-desk-br">{{ 'app.homepage.selection_title'|trans|raw }}</h2> <div class="padding-visible-top"> <div class="contenu-art-top position-relative px-perso-top"> <div class="btn-slide-prev selection-prev"></div> <div class="btn-slide-next selection-next"></div> <div id="sylius-carouselselection" class="product-selection swiper-container pt-xl-0 pt-2 pb-2"> <div class="product-selection-slide-wrapper wrapper-article-h swiper-wrapper"> {% for product in products %} <div class="swiper-slide produit-selection-item h-100"> {% include '@SyliusShop/Product/_box.html.twig' %} </div> {% endfor %} </div> <div class="text-center content-pagination pt-md-3 pt-2"> <div class="select-container position-relative"> <div class="selection2-prev btn2-slide-prev"></div> <div class="selection2-next btn2-slide-next"></div> <div class="swiper-pagination swiper-pagination-selection"></div> </div> </div> </div> </div> </div> </div> </section>{% endif %}