Josef-Hehmann-Site-Package/Resources/Public/JavaScript/swiper-settings.js

$(document).ready(function () {
  var swiper = new Swiper(".mySwiper", {
    slidesPerView: 1,
    breakpoints: {
      575: {
        slidesPerView: 2,
      },
      991: {
        slidesPerView: 3,
      },
      1400: {
        slidesPerView: 4,
      },
    },
    spaceBetween: 10,
    freeMode: true,
    loop: true,
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    }
  });

  var swiper = new Swiper(".bigheader", {
    slidesPerView: 1,
    spaceBetween: 0,
    freeMode: true,
    loop: true,
    pagination: {
      el: ".swiper-pagination",
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
  });

  var swiper = new Swiper(".iconswiper", {
    loop: false,
    slidesPerView: 2,
    breakpoints: {
      768: {
        slidesPerView: 3,
      },
      992: {
        slidesPerView: 2,
      },
      1200: {
        slidesPerView: 3,
      },
    },
    pagination: {
      el: ".swiper-pagination",
      type: "progressbar",
    },
  });
});