&lt;div style=&quot;float: left;&quot;&gt;
  &lt;img src=&quot;image/catalog/banners/block_logo.png&quot; /&gt;
			&lt;/div&gt;
&lt;div class=&quot;slideshow&quot;&gt;
	&lt;div class=&quot;swiper-viewport&quot;&gt;
		&lt;div id=&quot;slideshow{{ module }}&quot; class=&quot;swiper-container&quot;&gt;
			&lt;div class=&quot;swiper-wrapper&quot;&gt;
				{% for banner in banners %}
					&lt;div class=&quot;swiper-slide text-center {{ banner.title }}&quot;&gt;
						{% if banner.link %}
							&lt;a href=&quot;{{ banner.link }}&quot;&gt;&lt;img src=&quot;{{ banner.image }}&quot; alt=&quot;{{ banner.title }}&quot; class=&quot;img-responsive&quot; /&gt;&lt;/a&gt;
						{% else %}
							&lt;img src=&quot;{{ banner.image }}&quot; alt=&quot;{{ banner.title }}&quot; class=&quot;img-responsive&quot; /&gt;
						{% endif %}
					&lt;/div&gt;
				{% endfor %}
			&lt;/div&gt;
		&lt;/div&gt;
		&lt;div class=&quot;swiper-pagination slideshow{{ module }}&quot;&gt;&lt;/div&gt;
		&lt;div class=&quot;swiper-pager&quot;&gt;
			&lt;div class=&quot;swiper-button-prev&quot;&gt;&lt;i class=&quot;fa fa-angle-left&quot;&gt;&lt;/i&gt;&lt;/div&gt;
			&lt;div class=&quot;swiper-button-next&quot;&gt;&lt;i class=&quot;fa fa-angle-right&quot;&gt;&lt;/i&gt;&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;&lt;!--
$('#slideshow{{ module }}').swiper({
	mode: 'horizontal',
	slidesPerView: 1,
	pagination: '.slideshow{{ module }}',
	paginationClickable: true,
	nextButton: '.swiper-button-next',
	prevButton: '.swiper-button-prev',
	spaceBetween: 0,
	autoplay: 4000,
	autoplayDisableOnInteraction: true,
	loop: true
});
--&gt;&lt;/script&gt;
