Swiper Silder
To display Swiper Slider by use data-swiper="init" data-option="{'slidesPerView': 1,'spaceBetween': 0,'slidesPerGroup': 1,'loop': false,'loopFillGroupWithBlank': true,'pagination': {'el': '.swiper-pagination','clickable': true},'navigation': {'nextEl': '.swiper-button-next','prevEl': '.swiper-button-prev'},'breakpoints': {'800': {'slidesPerView': 3,'spaceBetween': 10,'slidesPerGroup': 1},'1200': {'slidesPerView': 4,'spaceBetween': 10,'slidesPerGroup': 1}}}"
attribute.
Example 1
Example 2
![](../assets/media/img/home/slider/electronics/slide-back.jpg)
![](../assets/media/img/home/slider/electronics/headphone.png)
![](../assets/media/img/home/slider/electronics/slide-back.jpg)
![](../assets/media/img/home/slider/electronics/phone.png)
![](../assets/media/img/home/slider/electronics/slide-back.jpg)
![](../assets/media/img/home/slider/electronics/laptop.png)
Example 3 with thumbs
Example 4
Example 5