Swiper.js Base

swiper_base.js

    /**
     * Initialise Swipers.
     */
    var swiper_no = 0;
    var swipers = [];
    $('.swiper-container').each(function() {
      swiper_no++;

      var slides = 1;
      if($(this).data('slides')) {
        slides = $(this).data('slides');
      }

      var xs_slides = 1;
      if($(this).data('xs-slides')) {
        xs_slides = $(this).data('xs-slides');
      }

      var sm_slides = 1;
      if($(this).data('sm-slides')) {
        sm_slides = $(this).data('sm-slides');
      }

      var md_slides = 1;
      if($(this).data('md-slides')) {
        md_slides = $(this).data('md-slides');
      }

      swipers[swiper_no] = new Swiper($(this), {
        // Optional parameters
        loop: true,
        speed: 1000,
        autoplay: 6000,
        slidesPerView: slides,
        setWrapperSize: true,

        // Navigation arrows
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',

        // Responsive breakpoints
        breakpoints: {
          480: {
            slidesPerView: 1,
          },
          768: {
            slidesPerView: xs_slides,
          },
          992: {
            slidesPerView: sm_slides,
          },
          1232: {
            slidesPerView: md_slides,
          },
        },
      });
    });