adaptive_fix_4

server/frontend/main/main.js

@@ -1,34 +1,47 @@
 const swiper = new Swiper('.swiper', {
-  // Optional parameters
-  direction: 'horizontal',
-  loop: true,
-  spaceBetween: 1, // расстояние между слайдами 10-15px
-    slidesPerView: 3,
 
-  // Navigation arrows
+  direction: 'horizontal',
+  loop: false,
+
+  // Производительность
+  preloadImages: false,
+  lazy: true,
+  watchSlidesProgress: true,
+
+  // Слайды
+  slidesPerView: 3,
+  spaceBetween: 15,
+
+  // Анимация
+  speed: 700,
+
+  // Навигация
   navigation: {
     nextEl: '.swiper-button-next',
     prevEl: '.swiper-button-prev',
   },
 
-  // And if we need scrollbar
+  // Скроллбар
   scrollbar: {
     el: '.swiper-scrollbar',
+    hide: true,
   },
 
-  speed: 1000,
-   breakpoints: {
-      330: {
-          slidesPerView: 1,
-      },
-      1200: {
-          slidesPerView: 2,
-      },
-      1650: {
-          slidesPerView: 3,
-      },
+  // Адаптив
+  breakpoints: {
+    330: {
+      slidesPerView: 1,
+    },
+
+    768: {
+      slidesPerView: 2,
+    },
+
+    1400: {
+      slidesPerView: 3,
+    },
   }
-  
+
 });
 
 // Set the date we're counting down to