{% if banners %}
<div class="swiper-viewport">
  <div id="banner{{ module }}" class="swiper-container">
    <div class="swiper-wrapper">
    	{% for banner in banners %}
		<div class="swiper-slide">
		{% if banner.link %}
			<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-fluid" /></a>
		{% else %}
			<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-fluid" />
		{% endif %}
		</div>
		{% endfor %}
	</div>
  </div>
</div>
<script>
$('#banner{{ module }}').swiper({
	effect: 'fade',
	autoplay: 2500,
    autoplayDisableOnInteraction: false
});
</script> 
{% endif %}