внесение правок

assets/js/gp-main.js

@@ -10,6 +10,7 @@ singleToggleOpenX('#phone-menu','.header__menu-block','.header__phone-menu');
 modalOpen('.button--filter', '.modal__filter');
 modalOpen('.basket-open', '.modal__basket');
 modalClose('.modal__close');
+modalOpen('.open-to-know', '.modal__to-know');
 // media
 
 // toggle
@@ -79,9 +80,10 @@ toggleOpenX('.select', '.select__state' , '.state__content', '.state__block', tr
 
 let selects = document.querySelectorAll('.select');
 
-selects.forEach(e => {
-    let state = e.querySelector('.select__state'),
-        buttons = e.querySelectorAll('.state__button');
+selects.forEach(select => {
+    let state = select.querySelector('.select__state'),
+        content = select.querySelector('.state__block'),
+        buttons = select.querySelectorAll('.state__button');
         
     buttons.forEach(e => {
         let button = e;
@@ -99,6 +101,8 @@ selects.forEach(e => {
             state.value = text;
 
             button.classList.add('active');
+            content.style.height = 0;
+            select.classList.remove('active');
         }        
     })
 })
@@ -300,23 +304,48 @@ function createGalleryPhone(swiper, wrapper, slide, width) {
 
 // resize
 window.addEventListener('resize', (e) => {
+    let width = window.screen.width;
+
     // media
     modalOpen('.button--filter', '.modal__filter');
     modalOpen('.basket-open', '.modal__basket');
     modalClose('.modal__close');
+    
+    let modalItem = document.querySelectorAll('.modal__item');
+
+    // if (width <= 720) {
+        modalItem.forEach(modal => {
+            if (modal.classList.contains('active')) {
+                let aside = document.querySelector('.modal__aside');
+
+                if (width <= 720) {
+                    aside.style.width = `${width}px`
+                }else{
+                    let openAside = document.querySelector('.modal__item.active'),
+                        newWidth = openAside.clientWidth;
+
+                    aside.style.width = `${newWidth}px`
+                }
+            }
+        })
+    // }
 });
 // resize
 
 // scroll
-window.addEventListener("scroll", function (e) {
-    let header = document.querySelector('.header');
-    let scroll = window.scrollY;
-    
-    if (scroll >= 75) {
-        header.classList.remove('white')
-    }else{
-        header.classList.add('white')
-    }
-    
-});
+
+
+if (document.querySelector('.header').classList.contains('white')) {
+    window.addEventListener("scroll", function (e) {
+        let header = document.querySelector('.header');
+        let scroll = window.scrollY;
+        
+        if (scroll >= 25) {
+            header.classList.remove('white')
+        }else{
+            header.classList.add('white')
+        }
+        
+    });
+}
 // scroll

assets/js/gp-product.js

@@ -97,10 +97,10 @@ const detailCatalot = new Swiper('.detail__catalot', {
             slidesPerView: 3,
         },
         780: {
-            slidesPerView: 2.2,
+            slidesPerView: 2,
         },
         100: {
-            slidesPerView: 1.3,
+            slidesPerView: 1.1,
             spaceBetween: 20
         },
     }