{% set sliderForbanner = 1 %}
	{% set	bannercount = banners|length %}
<div class="swiper-viewport">
  <div id="{% if bannercount > sliderForbanner %}banner{{ module }}{% else %}banner{% endif %}" class="swiper-container {% if bannercount > sliderForbanner %}bannercarousel{% else %}single-banner{% endif %}">
    <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-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />{% endif %}</div>
      {% endfor %}</div>
	  <!-- If we need pagination -->
    <div class="swiper-pagination"></div>
  </div>
</div>
<script type="text/javascript"><!--
$('#banner{{ module }}').swiper({
	 autoplay: 4000,
    pagination: '.swiper-pagination',  // If we need pagination
    autoplayDisableOnInteraction: false
});
--></script>