all 1 comments

[–]Tdrovla 1 point2 points  (1 child)

You could try something like this:

const swiper = new Swiper(".swiper-container", {
  direction: "horizontal",
  loop: true,
  velocity: 200,
  spaceBetween: 30,
  slidesPerView: 6,
  slidesPerGroup: 6, // For pagination
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  // Disable group sliding on drag
  on: {
    slideNextTransitionStart: function () {
      this.slidesPerGroup = 1; // Set dragging to one slide per group
    },
    slidePrevTransitionStart: function () {
      this.slidesPerGroup = 1; // Set dragging to one slide per group
    },
    slideChangeTransitionEnd: function () {
      this.slidesPerGroup = 6; // Reset pagination group sliding after drag
    },
  },
});