Как уменьшить количество видимых слайдов на свайпере при достижении определенной ширины екрана?

Question

[Zhenya Tureysky]

Как сделать чтобы при достижении ширины экрана 1000px количество видимых слайдов менялось з 3 на 2

var swiper = new Swiper(".swiper", {
    slidesPerView: 3,
    spaceBetween: 20,
    pagination: {
        el: ".swiper-pagination",
        clickable: true,
    },
});

Answer 1

[Виталий Першин]

Для этого есть breakpoints.
Смотрите документацию и примеры в ней.

var swiper = new Swiper(".swiper", {
    slidesPerView: 3,
    spaceBetween: 20,
    pagination: {
        el: ".swiper-pagination",
        clickable: true,
    },
  breakpoints: {
    // when window width is >= 320px
    320: {
      slidesPerView: 2,
      spaceBetween: 16
    },
    // when window width is >= 1000px
    1000: {
      slidesPerView: 3,
      spaceBetween: 20
    },
  }
});

Answer 2

[Noder SS]

if(window. innerWidth < 1000){
slide3.style.display = "none"
}