Использую swiper slider. Задал ему такие опции:
let swiperContainer = document.querySelector('.js-itemsSlider');
if (swiperContainer) {
let itemsSwiper = new Swiper('.js-itemsSlider', {
loop: true,
centeredSlides: true,
slidesPerView: 4,
spaceBetween: 100,
centerInsufficientSlides: true,
// Responsive breakpoints
breakpoints: {
480: { slidesPerView: 1, spaceBetween: 20 }, // when window width is <= 640px
769: { slidesPerView: 2, spaceBetween: 30 },
1024: { slidesPerView: 3, spaceBetween: 30 },
},
// If we need pagination
pagination: {
el: '.swiper-pagination',
},
// Navigation arrows
navigation: {
nextEl: '.slidernavigation__next',
prevEl: '.slidernavigation__prev',
}
});
Но слайды почему-то обрезаются. Как сделать, чтобы отображалось 4 слайда и они не обрезались? Вот сайт
test.avalonsec.ru