<div class="ui three cards" id="products">
<div class="swiper-flagshipProducts-button-prev"></div>
<!-- Slider main container -->
<div class="swiper swiper-flagshipProducts swiper-flagshipProducts--{{grid}}" data-slidesnumber={{grid}}>
<!-- Additional required wrapper -->
<div class="swiper-wrapper" >
<!-- Slides -->
{% if products is defined and products is not empty %}
{% for product in products %}
{{ render(url('sylius_shop_partial_product_show_by_slug', {
'slug': product.slug,
'template': '@SyliusShop/Product/_box.html.twig'
})) }}
{% endfor %}
{% endif %}
</div>
<!-- If we need pagination -->
<div class="swiper-pagination-flagshipProducts"></div>
<!-- If we need navigation buttons -->
</div>
<div class="swiper-flagshipProducts-button-next"></div>
</div>