{% set images = app_get_section_images('slider', sylius.localeCode, sylius.channel.code ) %}
{% set images_mobile = app_get_section_images('slider_mobile', sylius.localeCode, sylius.channel.code ) %}
<section class="bloc-slider px-lg-5">
<div class="max-container-2 px-0">
<div class="conteneur-slider {% if images_mobile is defined %} d-none d-md-block {% endif %}">
<div class="home-prev"></div>
<div class="home-next"></div>
<div class="swiper-container slider-home">
<div class="carou-slide swiper-wrapper">
{% for image in images %}
<div class="slider-item swiper-slide">
<a href="{{ image.link }}" title="{{ image.name }}">
<img src="{{ image.path|imagine_filter(filter|default('app_shop_banner')) }}" alt="{{ image.name }}"/>
</a>
</div>
{% endfor %}
</div>
<div class="swiper-pagination swiper-pagination-home"></div>
</div>
</div>
{% if images_mobile is defined %}
<div class="conteneur-slider d-block d-md-none">
<div class="home-prev"></div>
<div class="home-next"></div>
<div class="swiper-container slider-home">
<div class="carou-slide swiper-wrapper">
{% for image in images_mobile %}
<div class="slider-item swiper-slide">
<a href="{{ image.link }}" title="{{ image.name }}">
<img src="{{ image.path|imagine_filter(filter|default('app_shop_banner_mobile')) }}" alt="{{ image.name }}"/>
</a>
</div>
{% endfor %}
</div>
<div class="swiper-pagination swiper-pagination-home"></div>
</div>
</div>
{% endif %}
</div>
</section>