deploy: a96fb2f8d1

js/script.js

@@ -23,34 +23,38 @@ const isMobile = {
 
 const privateSwiper = new Swiper('.private-swiper', {
     slidesPerView: 1,
+    slidesPerGroup: 1,
     spaceBetween: 20,
-    // autoplay: {
-    //     delay: 3000,
-    // },
-
-    direction: 'horizontal',
+    allowTouchMove: true,
     scrollbar: {
-        el: ".swiper-scrollbar",
+        el: '.swiper-scrollbar',
+        draggable: true,
+        snapOnRelease: true,
         dragSize: 100,
     },
-
+    direction: 'horizontal',
     navigation: {
         nextEl: '.private-swiper-button-next',
         prevEl: '.private-swiper-button-prev',
     },
-
     breakpoints: {
-        1280: {
+        1400: {
             slidesPerView: 4,
+            slidesPerGroup: 4,
             spaceBetween: 20,
+            allowTouchMove: false,
         },
-        1024: {
+        1200: {
             slidesPerView: 3,
+            slidesPerGroup: 3,
             spaceBetween: 20,
+            allowTouchMove: true,
         },
         768: {
             slidesPerView: 2,
+            slidesPerGroup: 2,
             spaceBetween: 20,
+            allowTouchMove: true,
         }
     },
 });