https://inreko.ru/local/templates/inreko/components/bitrix/catalog.section.list/index-catalog/script.js

1document.addEventListener("DOMContentLoaded", () => {
2    const catalogSwiper = new Swiper('.index-catalog', {
3        loop: true,
4        grabCursor: true,
5        navigation: {
6            nextEl: '.swiper-button-next',
7            prevEl: '.swiper-button-prev',
8        },
9        breakpoints: {
10            // Когда ширина экрана меньше 640px
11            0: {
12                slidesPerView: 2.04,
13                spaceBetween: 10,
14            },
15            // Когда ширина экрана от 640px до 768px
16            768: {
17                slidesPerView: 2.49,
18                spaceBetween: 20,
19            },
20            // Когда ширина экрана 768px и больше
21            1024: {
22                slidesPerView: 2,
23                spaceBetween: 20,
24            },
25            1440: {
26                slidesPerView: 3,
27                spaceBetween: 39,
28            },
29        },
30    });
31
32    function handleResize() {
33        catalogSwiper.update(); // Обновляем слайдер
34    }
35    
36    window.addEventListener('resize', handleResize);
37    handleResize();
38});