From d792206a14624b6db4a34fc64604ae530dec7256 Mon Sep 17 00:00:00 2001 From: Your Name Date: Thu, 15 May 2025 19:37:56 +0300 Subject: [PATCH] Initial commit --- .../cosmopet/modules/forms/assets/js/form.js | 132 +- .../modules/layout/assets/js/gp-main.js | 2 + .../shop/components/cart/assets/js/cart.js | 57 + .../assets/css/gp-style-core.css | 2251 +++++++++++++++-- .../assets/css/gp-style-desktop.css | 1407 ++++++++++- .../assets/css/gp-style-mobile.css | 298 +++ .../assets/css/gp-style-order.css | 241 ++ .../single-product/assets/img/pet/cat.png | Bin 0 -> 21905 bytes .../single-product/assets/img/pet/dog.png | Bin 0 -> 28197 bytes .../assets/img/pet/mini-dog.png | Bin 0 -> 2026 bytes .../assets/img/svg/main/arrow-back.svg | 5 + .../assets/img/svg/main/arrow-selected.svg | 11 + .../single-product/assets/js/gp-function.js | 298 +-- .../single-product/assets/js/gp-main.js | 514 ++-- .../single-product/component-template.twig | 5 +- .../themes/cosmopet/templates/header.twig | 24 +- .../themes/cosmopet/templates/modal.twig | 7 +- 17 files changed, 4444 insertions(+), 808 deletions(-) create mode 100644 wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-order.css create mode 100644 wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/cat.png create mode 100644 wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/dog.png create mode 100644 wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/mini-dog.png create mode 100644 wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-back.svg create mode 100644 wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-selected.svg diff --git a/wp-content/themes/cosmopet/modules/forms/assets/js/form.js b/wp-content/themes/cosmopet/modules/forms/assets/js/form.js index 4edb3c7..c1bf685 100644 --- a/wp-content/themes/cosmopet/modules/forms/assets/js/form.js +++ b/wp-content/themes/cosmopet/modules/forms/assets/js/form.js @@ -1,9 +1,8 @@ // Функция для показа модальных окон function showModal(modalClass) { - const modal = document.querySelector('.' + modalClass); - if (modal) { - modal.style.display = 'flex'; - } + const modal = document.querySelector('.' + modalClass); + if (modal) { + modal.style.display = 'flex'; } // Функция для закрытия модальных окон @@ -34,6 +33,17 @@ function showModal(modalClass) { }); }); }); + + // Закрытие при клике вне контента + window.addEventListener('click', function(event) { + const modals = document.querySelectorAll('.modal-success, .modal-offer'); + modals.forEach(modal => { + if (event.target === modal) { + modal.style.display = 'none'; + } + }); + }); +}); jQuery(document).ready(function($) { @@ -63,65 +73,65 @@ const metaLocale = document.querySelector('meta[property="og:locale"]'); const localeValue = metaLocale.getAttribute('content'); - // Функция валидации формы - function validateForm(form) { - // Очищаем предыдущие сообщения об ошибках внутри этой формы - clearErrorMessages(form); - let validated = true - // Валидация поля имени - const nameInput = form.querySelector('input[name="name"]'); - - if (nameInput && !nameInput.value.trim()) { - if(localeValue == 'en_US'){ - showError(nameInput, 'The name is requeried field'); - } - if(localeValue == 'ru_RU'){ - showError(nameInput, 'Поле имени обязательно для заполнения.'); - } - validated = false - } + // Функция валидации формы + function validateForm(form) { + // Очищаем предыдущие сообщения об ошибках внутри этой формы + clearErrorMessages(form); + let validated = true + // Валидация поля имени + const nameInput = form.querySelector('input[name="name"]'); + + if (nameInput && !nameInput.value.trim()) { + if(localeValue == 'en_US'){ + showError(nameInput, 'The name is requeried field'); + } + if(localeValue == 'ru_RU'){ + showError(nameInput, 'Поле имени обязательно для заполнения.'); + } + validated = false + } - // Валидация поля email - const emailInput = form.querySelector('input[name="email"]'); - const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; - if (emailInput && !emailPattern.test(emailInput.value.trim())) { + // Валидация поля email + const emailInput = form.querySelector('input[name="email"]'); + const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + if (emailInput && !emailPattern.test(emailInput.value.trim())) { - if(localeValue == 'en_US'){ - showError(emailInput, 'Email is incorrect.'); - } - if(localeValue == 'ru_RU'){ - showError(emailInput, 'Введите корректный email.'); - } - validated = false - } + if(localeValue == 'en_US'){ + showError(emailInput, 'Email is incorrect.'); + } + if(localeValue == 'ru_RU'){ + showError(emailInput, 'Введите корректный email.'); + } + validated = false + } - // Валидация поля телефона - const phoneInput = form.querySelector('input[name="phone"]'); - const phonePattern = /^\+?\d{10,15}$/; - if (phoneInput && !phonePattern.test(phoneInput.value.trim())) { - if(localeValue == 'en_US'){ - showError(phoneInput, 'The phone is incorrect.'); - } - if(localeValue == 'ru_RU'){ - showError(phoneInput, 'Введите корректный номер телефона.'); - } - validated = false - } - return validated - } + // Валидация поля телефона + const phoneInput = form.querySelector('input[name="phone"]'); + const phonePattern = /^\+?\d{10,15}$/; + if (phoneInput && !phonePattern.test(phoneInput.value.trim())) { + if(localeValue == 'en_US'){ + showError(phoneInput, 'The phone is incorrect.'); + } + if(localeValue == 'ru_RU'){ + showError(phoneInput, 'Введите корректный номер телефона.'); + } + validated = false + } + return validated + } - // Функция для отображения сообщения об ошибке - function showError(input, message) { - const errorMessage = document.createElement('div'); - errorMessage.className = 'error-message'; - errorMessage.textContent = message; - input.insertAdjacentElement('afterend', errorMessage); - } + // Функция для отображения сообщения об ошибке + function showError(input, message) { + const errorMessage = document.createElement('div'); + errorMessage.className = 'error-message'; + errorMessage.textContent = message; + input.insertAdjacentElement('afterend', errorMessage); + } - // Функция для очистки сообщений об ошибках внутри конкретной формы - function clearErrorMessages(form) { - const errorMessages = form.querySelectorAll('.error-message'); - errorMessages.forEach(errorMessage => { - errorMessage.remove(); - }); - } \ No newline at end of file + // Функция для очистки сообщений об ошибках внутри конкретной формы + function clearErrorMessages(form) { + const errorMessages = form.querySelectorAll('.error-message'); + errorMessages.forEach(errorMessage => { + errorMessage.remove(); + }); + } \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/layout/assets/js/gp-main.js b/wp-content/themes/cosmopet/modules/layout/assets/js/gp-main.js index 9ab3958..a77fde9 100644 --- a/wp-content/themes/cosmopet/modules/layout/assets/js/gp-main.js +++ b/wp-content/themes/cosmopet/modules/layout/assets/js/gp-main.js @@ -413,3 +413,5 @@ if (document.querySelector('.header').classList.contains('white')) { }); } // scroll + + diff --git a/wp-content/themes/cosmopet/modules/shop/components/cart/assets/js/cart.js b/wp-content/themes/cosmopet/modules/shop/components/cart/assets/js/cart.js index 8d6f7c1..e9daf1a 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/cart/assets/js/cart.js +++ b/wp-content/themes/cosmopet/modules/shop/components/cart/assets/js/cart.js @@ -213,9 +213,65 @@ jQuery(document).ready(function($) { }); } + // --- Работа с cookie --- + function setCookie(name, value, days) { + let expires = ''; + if (days) { + const date = new Date(); + date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); + expires = '; expires=' + date.toUTCString(); + } + document.cookie = name + '=' + (value || '') + expires + '; path=/'; + } + function getCookie(name) { + const nameEQ = name + '='; + const ca = document.cookie.split(';'); + for(let i=0;i < ca.length;i++) { + let c = ca[i]; + while (c.charAt(0)==' ') c = c.substring(1,c.length); + if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); + } + return null; + } + // --- Конец работы с cookie --- + + // Открытие корзины при первом добавлении товара + function openBasketOnFirstAdd() { + if (!getCookie('basket_popup_shown')) { + console.log('[openBasketOnFirstAdd] Срабатывает открытие корзины'); + // Выбираем только модалку, в которой находится корзина + var $basket = $('#modal-basket'); + var $modal = $basket.closest('.modal'); + var $aside = $modal.find('.modal__aside'); + var device = window.screen.width; + + // Сброс только внутри этой модалки + var $items = $modal.find('.modal__item'); + console.log('[openBasketOnFirstAdd] modal:', $modal.get(), 'modal__item:', $items.get()); + $items.removeClass('active').attr('style', ''); + $modal.addClass('active').show(); + $basket.addClass('active').css({opacity: 1, filter: 'blur(0px)'}); + console.log('[openBasketOnFirstAdd] basket:', $basket.get()); + var width = $basket[0] ? $basket[0].clientWidth : 600; + setTimeout(function() { + if (device <= 720) { + $aside.css('width', device + 'px'); + console.log('[openBasketOnFirstAdd] aside width:', device + 'px'); + } else { + $aside.css('width', width + 'px'); + console.log('[openBasketOnFirstAdd] aside width:', width + 'px'); + } + }, 10); + setCookie('basket_popup_shown', '1', 30); + } else { + console.log('[openBasketOnFirstAdd] Куки уже установлены, попап не открывается'); + } + } + // Обновление корзины при добавлении товара $(document.body).on('added_to_cart', function() { updateCartFragment(); + openBasketOnFirstAdd(); }); // Функция обновления количества @@ -279,6 +335,7 @@ jQuery(document).ready(function($) { }); } + // Добавляем спиннер на кнопку 'Добавить в корзину' в корзине $('body').on('click', '.add_to_cart_button', function() { var btn = $(this); if (!btn.hasClass('loading')) { diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css index b1770c0..1091e45 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-core.css @@ -1,3 +1,4 @@ + /* общие */ button{ cursor: pointer; @@ -12,355 +13,1962 @@ button{ /* компоненты */ /* lang*/ -/* lang */ - - -/* mini-profile */ -/* mini-profile */ - - -/* main-menu */ -/* main-menu */ - - -/* form */ -/* .form-input-radio__ */ -/* form */ - - -/* social media */ -/* social media */ +.lang{ + position: relative; +} +.lang__open{ + padding: 12px 15px; + width: 74px; -/* breadcrumbs */ -.breadcrumbs{ - margin: 24px; + background: none; + border: none; display: flex; align-items: center; -} -.breadcrumbs__item{ - display: block; - - padding: 0px 16px; - + transition: opacity .2s ease-out; +} +.lang__open:hover{ + opacity: .8; +} +.lang-open p{ + font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 125%; - color: var(--text-6); - - text-decoration: none; - position: relative; -} -.breadcrumbs__item:first-child{ - padding-left: 0; + text-align: start; + + color: var(--text-black); } -/* breadcrumbs */ - -/* compound */ -.compound{ - margin: -5px; - - min-height: 33.95px; +.lang-open__arrow{ + margin-left: 7.25px; display: flex; - align-items: start; + justify-content: center; + align-items: center; } -.compound__item{ - margin: 5px; +.lang-open__black{ - padding: 4px 8px; +} +.lang-open__white{ + display: none; +} +.lang__content{ + position: absolute; + top: 33px; + left: -13px; + height: 0; - font-weight: 700; - font-size: 12px; - line-height: 133%; - color: var(--text-black); + border-radius: 6px; + + transition: height .2s ease-out; + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2); + overflow: hidden; - border-radius: 16px; background-color: var(--background-white); - display: block; - text-decoration: none; + z-index: 100; } -.compound__item:first-child{ - margin-left: 0; +.lang__list{ + width: 104px; + + padding: 8px; + + list-style-type: none; } -/* compound */ +.lang__item{ + margin-top: 8px; +} +.lang__item:first-child{ + margin-top: 0; +} +.lang__link{ + display: block; -/* button */ -.button{ + width: 100%; - font-weight: 600; + padding: 4px; + + border-radius: 6px; + + font-family: var(--font-family); + font-weight: 400; font-size: 20px; line-height: 120%; - color: var(--text-black); + color: var(--text-dark); - border-radius: 20px; + text-decoration: none; - cursor: pointer; + position: relative; + + transition: background-color .2s ease-out; } -.button--100-perc{ - width: 100%; +.lang__link:hover, +.lang__item.active .lang__link{ + background-color: var(--background-grey); } -.button--white{ - padding: 11px 24px; - - text-align: center; +.lang__item.active .lang__link::before{ + content: ''; - background-color: var(--background-white); - border: 1px solid var(--background-black); + position: absolute; + top: 10px; + right: 8px; - transition: opacity .2s ease-out; -} -.button--white:hover{ - opacity: .8; -} -.button--gradient{ - background: var(--gradient-turquoise); - border: none; + width: 16px; + height: 12px; - transition: opacity .2s ease-out; -} -.button--gradient:hover{ - opacity: .8; + background-image: url(../img/svg/main/arrow-selected.svg); } -.button--high{ - height: 56px; - - padding: 16px 24px 24px 24px; +/* lang */ - font-weight: 700; - text-align: center; - position: relative; +/* mini-profile */ +.mini-profile{ + display: flex; + align-items: center; } -.button--red-48-px{ - border-radius: 48px; +.mini-profile__item{ + margin-left: 8px; } -.to-know{ - /* width: 100%; */ +.mini-profile__item:first-child{ + margin-left: 0; +} +.mini-profile__button{ + display: block; - padding: 12px 24px 7px 24px; + padding: 8px; display: flex; justify-content: center; + align-items: center; + background: none; border: none; transition: opacity .2s ease-out; - text-decoration: none; } - -.to-know:hover{ +.mini-profile__button:hover{ opacity: .8; } -.to-know p{ - padding-bottom: 4px; - +.mini-profile__icon{ + width: 24px; + aspect-ratio: 1; +} +.mini-profile__icon.white{ + display: none; +} +/* mini-profile */ - font-weight: 700; - font-size: 20px; - line-height: 120%; - color: var(--text-black); - border-bottom: 1px var(--text-black) solid; +/* main-menu */ +.main-menu{ + display: flex; + align-items: center; - cursor: pointer; + list-style-type: none; } -.back{ - margin-top: 16px; - margin-left: 16px; +.main-menu__item{ + margin-left: 24px; - padding: 8px; - padding-left: 32px; + transition: opacity .2s ease-out; +} +.main-menu__item:first-child{ + margin-left: 0; +} +.main-menu__item:hover{ + opacity: .8; - background: none; - border: none; + background: var(--background-grey); + border-radius: 24px; +} +.header.white .main-menu__item:hover .main-menu__link{ + color: var(--text-black); +} +.main-menu__item:active{ + opacity: 1; +} +.main-menu__link{ + display: block; + padding: 8px 12px; - font-weight: 600; - font-size: 20px; - line-height: 120%; + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; color: var(--text-black); text-decoration: none; - position: relative; + transition: color .2s ease-out; } -.back::before{ - content: ''; +.main-menu__button{ + padding: 8px 32px 8px 12px; - position: absolute; - top: 8px; - left: 0; + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-black); - margin-right: 8px; + border: none; + border-radius: 24px; - width: 24px; - height: 24px; + background: var(--gradient-turquoise); - background-image: url(../img/svg/main/arrow-back.svg); + position: relative; } - -.back::after{ +.main-menu__button::before{ content: ''; position: absolute; - bottom: 6px; - left: 0; + top: 14px; + right: 14px; - width: calc(100% - 8px); - height: 1px; + width: 13px; + height: 8px; - background: var(--text-black); + background-image: url(../img/svg/main/arrow-black.svg); + background-repeat: no-repeat; + background-size: contain; } -/* button */ +/* main-menu */ -/* select */ -.select{ - max-width: 144px; - position: relative; -} -.select__state{ +/* form */ +.form{ width: 100%; - padding: 11px 47px 11px 13px; + padding: 24px 24px 43px; - /* pointer-events:none; */ + display: flex; + flex-direction: column; + + border-radius: 24px; + background: var(--gradient-turquoise); +} +.form__item{ + margin-top: 16px; +} +.form__title{ + font-family: var(--font-family); + font-weight: 500; + font-size: 24px; + line-height: 133%; + color: var(--text-black); +} +.form__input{ + width: 100%; - border: 1px solid var(--background-black); border-radius: 20px; + padding: 12px 16px; + border: 1px solid var(--text-black); + background: var(--background-white); + font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; + color: var(--text-black); +} +.form__input::placeholder{ + color: var(--text-grey); +} +.form__input--grey{ + border-color: var(--background-9); +} +.form__input--textarea{ + height: 96px; + resize: none; +} +.form__input--textarea-72{ + height: 72px; + resize: none; - cursor: pointer; + overflow: hidden; +} +.form__input--center{ + text-align: center; +} +.form__button{ + width: 100%; - position: relative; + padding: 12px 24px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-white); + + border-radius: 16px; + border: none; + background: var(--background-black); + + cursor: pointer; + + transition: background-color .2s ease-out; +} +.form__button:hover{ + opacity: .8; +} + +.label{ + padding-bottom: 4px; + + display: inline-block; + + position: relative; +} +.label::after{ + content: ''; + + position: absolute; + top: 2px; + right: -20px; + + width: 16px; + height: 16px; + + background-image: url(../img/svg/main/question.svg); + + cursor: pointer; +} +.label__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-3); +} +.label__question{ + position: absolute; + + padding: 8px; + + border-radius: 6px; + transition: height .2s ease-out; + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2); + overflow: hidden; + background-color: var(--background-white); + + opacity: 0; + transition: opacity .2s ease-out; + pointer-events: none; +} +.label:hover .label__question{ + opacity: 1; + pointer-events: auto; +} + +.label-name{ + margin-bottom: 8px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-black); + + display: block; +} +.form-input__error{ + margin-top: 4px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + + color: #f60909; + + display: none; + + position: relative; +} +.form-input__error--absolute{ + position: absolute; + bottom: -19.95px; + left: 0; + + width: 100%; +} +.modal-form__content.check .form__input:invalid{ + border-color: #f60909; +} +.modal-form__content.check .form__input:invalid + .form-input__error{ + display: block; +} +.modal-form__content.check .form-input-phone__input:invalid + .form-input__error{ + display: block; +} +.modal-form__content.check .form-input-phone__input:invalid + .form-input__error--absolute::before{ + content: ''; + + position: absolute; + top: -53px; + left: -1px; + + width: 100%; + height: 48px; + + border-radius: 20px; + border: 1px solid #f60909; +} +.form-input__phone{ + padding: 12px 16px 12px ; + + display: flex; + align-items: center; + + border-radius: 20px; + border: 1px solid var(--text-black); + + cursor: pointer; + + position: relative; +} +.form-input__phone.focus{ + outline: 1px solid var(--text-black); +} +.form-input-phone__icon{ + flex-shrink: 0; + + height: 16px; + width: 28px; + + background-size: 16px; + background-repeat: no-repeat; + background-position: left; + + position: relative; +} +.form-input-phone__icon::after{ + content: ''; + + position: absolute; + top: 4px; + right: 0; + + width: 8px; + aspect-ratio: 1; + + background-image: url(../img/svg/main/triangle-grey.svg); +} +.form-input-phone__code{ + flex-shrink: 0; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.form-input-phone__code::before{ + content: '+'; +} +.form-input-phone__input{ + margin-left: 6px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + border: none; + outline: none; +} +.form-input-phone__list{ + position: absolute; + top: 52px; + left: 8px; + + width: 280px; + + z-index: 10; + + transition: opacity .2s ease-out; + + opacity: 0; + pointer-events: none; + + border-radius: 20px; + + overflow: hidden; +} +.form-input-phone__list.active{ + opacity: 1; + pointer-events: auto; +} +.form-input-phone-list__search{ + width: 100%; + + padding: 12px 16px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + border-left: 1px solid var(--background-black); + border-right: 1px solid var(--background-black); + border-top: 1px solid var(--background-black); + border-radius: 20px 20px 0 0; + + background: var(--background-white); +} +.form-input-phone-list__search::placeholder{ + color: var(--text-6); +} +.form-input-phone-list__content{ + width: 100%; + max-height: 224px; + + padding: 24px 16px; + + border: 1px solid var(--background-black); + border-top: none; + border-radius: 0 0 20px 20px; + + background: var(--background-white); + + overflow-y: auto; +} +.form-input-phone-list__item{ + margin-top: 14px; + + display: flex; + align-items: center; + + background: none; + border: none; + + cursor: pointer; +} +.form-input-phone-list__item:first-child{ + margin-top: 0; +} +.form-input-phone-list-item__icon{ + width: 16px; + aspect-ratio: 1; +} +.form-input-phone-list-item__name{ + margin-left: 8px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.form-input-phone-list-item__code{ + margin-left: 8px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.form-input-phone-list-item__code::before{ + content: '+'; +} +.form-input__tabs{ + padding: 2px; + + display: flex; + + border-radius: 20px; + background: var(--gradient-turquoise); + + position: relative; +} +.form-input__tabs--white{ + padding: 3px; + border: 1px solid var(--text-3); + background: var(--white); +} +.form-input__tabs--white .form-input-tabs__button.active{ + background: var(--gradient-turquoise); +} +.form-input-tabs__button{ + width: 100%; + + padding: 10px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + text-align: center; + + border-radius: 18px; + + z-index: 2; + + transition: background-color .2s ease-out; +} +.form-input-tabs__button.active{ + background-color: var(--background-white); +} +.form-input-tabs__input{ + display: none; +} +.form-input__radio{ + padding: 16px; + + display: flex; + flex-direction: column; +} +.form-input-radio__item{ + margin-top: 14px; + + display: flex; + align-items: center; +} +.form-input-radio__item:first-child{ + margin-top: 0; +} +.form-input-radio__circle{ + padding: 2px; + + width: 20px; + aspect-ratio: 1; + + border-radius: 50%; + + background: var(--gradient-blue); + + position: relative; +} +.form-input-radio__item.active .form-input-radio__circle::before{ + content: ''; + + position: absolute; + top: 4px; + left: 4px; + + width: 12px; + aspect-ratio: 1; + + border-radius: 50%; + + background: var(--gradient-blue); +} +.form-input-radio-circle__content{ + width: 16px; + aspect-ratio: 1; + + border-radius: 50%; + + background: var(--background-white); +} +.form-input-radio__title{ + margin-left: 8px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-dark); +} +.form-input-radio__title.form-input-radio__title--no-span span{ + color: var(--text-dark); +} +.form-input-radio__price{ + margin-left: auto; + + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.form-input-radio__price::after{ + content: ' ₽'; +} +.form-input-radio__input{ + display: none; +} +.form-input__list{ + position: relative; +} +.form-input__list::before{ + content: ''; + position: absolute; + top: 21.5px; + right: 19.5px; + width: 13px; + height: 8px; + background-image: url(../img/svg/main/arrow-black.svg); + background-repeat: no-repeat; + background-size: contain; + pointer-events: none; +} +.form-input-list__input{ + width: 100%; + + border-radius: 20px; + padding: 12px 16px; + padding-right: 40px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + border: 1px solid var(--text-black); +} + +.form-input-list__input::placeholder{ + color: var(--text-grey); +} +.form-input-list__block-content{ + position: absolute; + top: 50px; + left: 0; + + width: 100%; + max-height: 192px; + height: 0; + + border-radius: 20px; + background-color: var(--background-white); + + overflow: hidden; + + transition: height .2s ease-out; + + z-index: 10; +} +.form-input-list__block-content.active{ + border: 1px solid var(--background-black); +} +.form-input-list__content{ + margin: 8px 16px; + + max-height: 176px; + + padding-right: 16px; + + overflow-y: auto; +} +.form-input-list__content::-webkit-scrollbar{ + border-radius: 8px; + width: 4px; + background: rgba(204, 204, 204, 0.2); +} +.form-input-list__content::-webkit-scrollbar-thumb{ + border-radius: 8px; + background: var(--background-9); +} +.form-input-list__content +.form-input-list__item{ + margin-top: 16px; + + width: 100%; + + display: flex; + justify-content: space-between; + align-items: center; + + border-radius: 8px; + padding: 4px; + + background: none; + border: none; +} +.form-input-list__item:first-child{ + margin-top: 0; +} +.form-input-list__item.active{ + background: rgba(204, 204, 204, 0.2); +} +.form-input-list-item__text{ + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.form-input-list-item__box{ + width: 20px; + aspect-ratio: 1; + + padding: 2px; + + border-radius: 4px; + + background: var(--gradient-blue); +} +.form-input-list-item-box__content{ + width: 16px; + aspect-ratio: 1; + + border-radius: 2px; + + background: var(--background-white); +} +.form-input-list__item.active .form-input-list-item-box__content{ + background: var(--gradient-blue); +} +.remote-control__item{ + display: none; +} +.remote-control__item.active{ + display: block; +} +/* .form-input-radio__ */ + +.form-agreement{ + display: flex; +} +.form-agreement__check{ + display: flex; + align-items: center; +} +.form-agreement__square{ + width: 18px; + aspect-ratio: 1; + + border-radius: 4px; + + border: 2px solid var(--background-black); +} +.form-agreement__label{ + margin-left: 8px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.form-agreement__input{ + display: none; +} +.form-agreement__input:checked + .form-agreement__square{ + border: none; + background: var(--gradient-blue); + + position: relative; +} +.form-agreement__input:checked + .form-agreement__square::after{ + content: ''; + + position: absolute; + top: 1px; + left: 1px; + + width: 16px; + aspect-ratio: 1; + + background-image: url(../img/svg/main/arrow-selected-white.svg); + background-repeat: no-repeat; + background-position: center; +} +/* form */ + + +/* social media */ +.social-media{ + display: flex; + align-items: center; +} +.social-media__item{ + margin-left: 32px; + + transition: opacity .2s ease-out; +} +.social-media__item:hover{ + opacity: .8; +} +.social-media__item:first-child{ + margin-left: 0px; +} +.social-media__icon{ + width: 32px; + aspect-ratio: 1; +} +/* social media */ + + +/* breadcrumbs */ +.breadcrumbs{ + margin: 24px; + + display: flex; + align-items: center; +} +.breadcrumbs__item{ + display: block; + + padding: 0px 16px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-6); + + text-decoration: none; + + position: relative; +} +.breadcrumbs__item:first-child{ + padding-left: 0; +} +.breadcrumbs__item:nth-child(n+2)::before{ + content: ''; + + position: absolute; + top: -2px; + left: -12px; + + width: 24px; + aspect-ratio: 1; + + background-image: url(../img/svg/main/arrow-breadcrumbs.svg); + background-repeat: no-repeat; + background-size: contain; +} +/* breadcrumbs */ + +/* compound */ +.compound{ + margin: -5px; + + min-height: 33.95px; + + display: flex; + align-items: start; +} +.compound__item{ + margin: 5px; + + padding: 4px 8px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 12px; + line-height: 133%; + color: var(--text-black); + + border-radius: 16px; + background-color: var(--background-white); + + display: block; + text-decoration: none; +} +.compound__item:first-child{ + margin-left: 0; +} +.product__footer{ + margin: 48px 24px 24px; + + display: flex; + justify-content: center; +} +.product__footer--error{ + margin: 45px 0; +} +/* compound */ + +/* button */ +.button{ + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + border-radius: 20px; + + cursor: pointer; +} +.button--100-perc{ + width: 100%; +} +.button--white{ + padding: 11px 24px; + + text-align: center; + + background-color: var(--background-white); + border: 1px solid var(--background-black); + + transition: opacity .2s ease-out; +} +.button--white:hover{ + opacity: .8; +} +.button--white.active{ + background: var(--background-black); + color: var(--background-white); +} +.button--gradient{ + background: var(--gradient-turquoise); + border: none; + + transition: opacity .2s ease-out; +} +.button--gradient:hover{ + opacity: .8; +} +.button--base{ + padding: 12px 24px; +} +.button--high{ + height: 56px; + + padding: 16px 24px 24px 24px; + + font-weight: 700; + text-align: center; + + position: relative; +} +.button--high-46{ + padding: 12px 24px; + + font-size: 20px; + font-weight: 700; + line-height: 24px; +} +.button--icon{ + padding-right: 56px; + + text-align: start; +} +.button--filter::after{ + content: ''; + + position: absolute; + top: 16px; + right: 24px; + + width: 24px; + aspect-ratio: 1; + + background-image: url(../img/svg/main/filter.svg); + background-repeat: no-repeat; + background-size: contain; +} +.button--black{ + padding: 7px 15px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 24px; + line-height: 133%; + color: var(--text-white); + + background: var(--background-black); + border: 1px solid var(--text-white); +} +.button--link{ + text-decoration: none; +} +.button--red-48-px{ + border-radius: 48px; +} +.to-know{ + /* width: 100%; */ + + padding: 12px 24px 7px 24px; + + display: flex; + justify-content: center; + + border: none; + + transition: opacity .2s ease-out; + text-decoration: none; +} + +.to-know--start{ + justify-content: start; + padding-left: 0; +} + +.to-know:hover{ + opacity: .8; +} +.to-know p{ + padding-bottom: 4px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + border-bottom: 1px var(--text-black) solid; + + cursor: pointer; +} +.to-know--background-none{ + background: none; +} +.back{ + margin-top: 16px; + margin-left: 16px; + + padding: 8px; + padding-left: 32px; + + background: none; + border: none; + + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + text-decoration: none; + + position: relative; +} +.back::before{ + content: ''; + + position: absolute; + top: 8px; + left: 0; + + margin-right: 8px; + + width: 24px; + height: 24px; + + background-image: url(../img/svg/main/arrow-back.svg); +} + +.back::after{ + content: ''; + + position: absolute; + bottom: 6px; + left: 0; + + width: calc(100% - 8px); + height: 1px; + + background: var(--text-black); +} +/* button */ + +/* select */ +.select{ + max-width: 144px; + + position: relative; +} +.select__state{ + width: 100%; + + padding: 11px 47px 11px 13px; + + /* pointer-events:none; */ + + border: 1px solid var(--background-black); + border-radius: 20px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + cursor: pointer; + + position: relative; + + transition: opacity .2s ease-out; +} +.select:hover .select__state{ + opacity: .8; +} +.select::after{ + content: ''; + + position: absolute; + top: 20.5px; + right: 21.5px; + + width: 17px; + height: 10px; + + background-image: url(../img/svg/main/arrow-black.svg); + background-repeat: no-repeat; + background-size: contain; + + pointer-events: none; +} +.state__block{ + position: absolute; + top: 48px; + left: 0; + + width: 100%; + + height: 0; + overflow: hidden; + + transition: height .2s ease-out; +} +.state__content{ + padding: 8px; + + border-radius: 6px; + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2); + background-color: var(--background-white); + + list-style-type: none; +} +.state__content li{ + margin-top: 8px; +} +.state__content li:first-child{ + margin-top: 0; +} +.state__button{ + width: 100%; + + padding: 4px 32px 4px 4px; + + background: none; + border: none; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-dark); + text-align: start; + + border-radius: 6px; + + transition: background-color .2s ease-out; + + position: relative; +} +.state__button:hover, +.state__button.active{ + background-color: var(--background-grey); +} + +.state__button.active::before{ + content: ''; + position: absolute; + top: 10px; + right: 8px; + width: 16px; + height: 12px; + background-image: url(../img/svg/main/arrow-selected.svg); +} + +/* select */ + +/* counter */ +.counter{ + display: flex; + align-items: center; +} +.counter__input{ + width: 48px; + + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + text-align: center; + color: var(--text-black); + + pointer-events: none; + + background: none; + border: none; +} +.counter__button{ + width: 48px; + height: 48px; + + display: flex; + justify-content: center; + align-items: center; + + border: 1px solid var(--text-3); + border-radius: 24px; + + background: var(--background-white); + + transition: opacity .2s ease-out; +} +.counter__button:hover{ + opacity: .8; +} +.counter--small{ + +} +.counter--small .counter__button{ + width: 32px; + height: 32px; +} +.counter--small{ + +} +/* counter */ + +/* modal */ +.modal{ + position: fixed; + top: 0; + left: 0; + + padding: 20px; + + width: 100%; + height: 100%; + + background: rgba(0, 0, 0, 0.25); + + z-index: 200; + + opacity: 0; + transition: opacity .2s ease-out; + pointer-events: none; + + display: flex; + justify-content: center; + align-items: center; + + overflow-y: auto; +} +.modal.active{ + opacity: 1; + pointer-events: auto; +} +.modal__notification{} +.form__button-mobile{ + display: none; +} +.modal__aside{ + position: fixed; + top: 0; + right: 0; + + width: 0; + height: 100%; + + overflow: hidden; + transition: width .4s ease-out; +} +.modal__item{ + height: 100%; + + padding: 24px; + + background: var(--background-white); + + position: relative; + + display: none; + + filter: blur(10px); + transition: filter .2s ease-out; +} +.modal__item--no-title{ + padding-top: 72px; +} +.modal__item.active{ + display: flex; + flex-direction: column; + justify-content: space-between; +} +.modal__close{ + position: absolute; + top: 32px; + right: 24px; + + width: 24px; + height: 24px; + + border: none; + background: none; +} +.modal__header{} +.modal__title{ + padding-right: 48px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 36px; + line-height: 111%; + text-transform: uppercase; + color: var(--text-black); +} +.modal__small-title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 24px; + line-height: 100%; + text-transform: uppercase; + color: var(--text-black); +} +.modal__text{ + margin-top: 16px; + + padding-right: 10px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-0); +} +.modal__form-sub{ + margin-top: 48px; +} +.modal-form-sub__submit{ + margin-top: 64px; +} +.modal__block-button{ + margin-top: 24px; +} +.modal__button{ + margin-top: 16px; +} +.modal__button:first-child{ + margin-top: 0; +} +.modal__content{ + margin-top: 24px; +} +.modal__filter{ + width: 400px; +} +.modal__footer{ + border-top: 1px solid var(--text-6); + padding-top: 23px; +} +.modal__block-price{ + display: flex; + justify-content: space-between; + align-items: center; +} +.modal-block-price__title{ + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.modal-block-price__price{ + font-family: var(--font-family); + font-weight: 700; + font-size: 24px; + line-height: 100%; + text-transform: uppercase; + text-align: right; + color: var(--text-black); +} +.modal-block-price__price::after{ + content: 'Р'; +} +.modal__basket{ + width: 600px; +} +.modal__to-know, +.modal__to-know-submit{ + width: 412px; +} + +.modal-basket__item{ + padding-top: 23px; + padding-right: 15px; + padding-bottom: 24px; + + display: flex; + + border-top: 1px solid var(--background-grey); + + position: relative; +} +.modal-basket__item::before{ + content: ''; + + position: absolute; + top: 24px; + right: 6px; + + width: 24px; + aspect-ratio: 1; + + background-image: url(../img/svg/main/basket.svg); + background-repeat: no-repeat; + background-position: center; + + cursor: pointer; + + transition: opacity .2s ease-out; +} +.modal-basket__item:hover .modal-basket__item::before{ + opacity: .8; +} +.modal-basket__item--return{ + padding-right: 5px; + + display: flex; + justify-content: space-between; + align-items: center; +} +.modal-basket__item--return .modal-basket-item__title{ + padding-right: 10px; +} +.modal-basket__item--return::before{ + display: none; +} +.modal-basket-item__return{ + border-radius: 20px; + padding: 4px 24px; + + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + color: var(--text-white); + + background: var(--background-black); + + border: none; +} +.modal-basket-item__block-image{ + width: 128px; + aspect-ratio: 1; + + display: flex; + justify-content: center; + align-items: center; +} +.modal-basket-item__image{ + width: 96px; + aspect-ratio: 1; + + object-fit: contain; +} +.modal-basket-item__content{ + margin-left: 16px; +} +.modal-basket-item__title{ + padding-right: 40px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.modal-basket-item__sub-title{ + margin-top: 8px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 12px; + line-height: 133%; + color: var(--text-black); +} +.modal-basket-item__control{ + margin-top: 24px; + + display: flex; + justify-content: space-between; + align-items: center; +} +.modal-basket-item__price{ + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + text-align: right; + color: var(--text-black); +} +.modal-basket-item__price::after{ + content: 'Р'; + + padding-left: 4px; +} +.modal__basket .modal__header{ + height: calc(100% - 92px); + margin-bottom: -36px; +} +.modal__basket .modal__content{ + height: calc(100% - 100px); + overflow-x: hidden; + +} +.modal__basket .modal__content::-webkit-scrollbar { + width: 7px; + background-color: #f9f9fd; +} +.modal__basket .modal__content::-webkit-scrollbar-thumb { + background-color: var(--background-black); + border-radius: 2px; +} + +.modal-form{ + margin: auto; + + width: 600px; + + padding: 24px; + + border-radius: 20px; + + position: relative; + + display: none; +} +.modal-form.active{ + display: block; +} +.modal-form--white{ + border: 1px solid var(--background-black); + background: var(--background-white); +} +.modal-form--green-gradient{ + background: var(--gradient-blue); +} +.modal-form--width-584{ + width: 584px; +} +.modal-form--cdek{ + width: 836px; +} +.modal-form__close{ + position: absolute; + top: 24px; + right: 24px; + + width: 24px; + aspect-ratio: 1; + + border: none; + background: none; + background-image: url(../img/svg/main/black-x.svg); + background-repeat: no-repeat; + background-size: 24px; + background-position: center; transition: opacity .2s ease-out; + + z-index: 10; +} +.modal-form__close--white{ + background-image: url(../img/svg/main/white-x.svg); +} +.modal-form__close:hover{ + opacity: .8; +} +.modal-form__button-close{} +.modal-form__title{ + padding-right: 50px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 26px; + line-height: 123%; + text-transform: uppercase; + color: var(--text-dark); +} +.modal-form__text--center{ + text-align: center; +} +.modal-form__text--center-pc{ + text-align: center; +} +.modal-form__title--green-gradient{ + background: var(--gradient-blue); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.modal-form__title--white{ + color: var(--text-white); +} +.modal-form__element{ + margin-top: 24px; +} +.modal-form__element--center{ + display: flex; + justify-content: center; +} +.modal-form__element--top-40{ + margin-top: 40px; +} +.modal-form__text{ + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.modal-form__text--weight-500{ + font-weight: 500; +} +.modal-form__text--white{ + color: var(--text-white); +} +.modal-form__img{ + width: 100%; + height: 360px; + + object-fit: contain; +} +.modal-form__content{ + margin-top: 40px; +} +.modal-form-content__line{ + margin-top: 24px; +} +.modal-form-content__line:first-child{ + margin-top: 0; +} +.modal-form-content__line--two{ + display: flex; + justify-content: space-between; +} +.modal-form-content__line--two-mobile{ + display: flex; + justify-content: space-between; } -.select:hover .select__state{ - opacity: .8; +.modal-form-content__line--two-mobile .modal-form-content-line__element{ + width: calc(50% - 12px); } -.select::after{ +.modal-form-content-line__element{ + position: relative; +} +.modal-form-content-line__element--arrow::after{ content: ''; position: absolute; - top: 20.5px; - right: 21.5px; + right: 16px; + bottom: 16px; - width: 17px; - height: 10px; + width: 16px; + height: 16px; - background-image: url(../img/svg/main/arrow-black.svg); - background-repeat: no-repeat; - background-size: contain; + background-image: url(../img/svg/main/arrow-right-input.svg); pointer-events: none; } -.state__block{ - position: absolute; - top: 48px; - left: 0; - - width: 100%; - - height: 0; - overflow: hidden; +.modal-form-content__line--two .modal-form-content-line__element{ + width: calc(50% - 12px); +} +.modal-form-content__line--three{ + display: flex; +} +.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){ + width: 85px; - transition: height .2s ease-out; + flex-shrink: 0; } -.state__content{ - padding: 8px; +.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){ + margin-left: 8px; - border-radius: 6px; - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 2px 0 rgba(0, 0, 0, 0.2); - background-color: var(--background-white); + width: 100%; +} +.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){ + margin-left: 8px; - list-style-type: none; + width: 85px; + + flex-shrink: 0; } -.state__content li{ - margin-top: 8px; +.modal-form-content__line--margin-top-16{ + margin-top: 16px; } -.state__content li:first-child{ - margin-top: 0; +.modal-form__buttons{ + margin-top: 32px; +} +.modal-form__buttons--two{ + display: flex; + justify-content: space-between; + align-items: center; } -.state__button{ - width: 100%; - padding: 4px 32px 4px 4px; +.modal-form__buttons--two button, +.modal-form__buttons--two input{ + width: calc(50% - 20px); +} +.modal-map{ + margin: auto; - background: none; + width: 1105px; + + display: none; + + border-radius: 24px; border: none; +} +.modal-map.active{ + display: flex; +} +.modal-map__left{ + width: 600px; + padding: 24px; - font-weight: 400; - font-size: 20px; - line-height: 120%; - color: var(--text-dark); - text-align: start; + position: relative; +} +.modal-map__control{ + margin: 38px -12px -12px -12px; - border-radius: 6px; + display: flex; +} +.modal-map__control--delivery{ + margin-top: 12px; +} +.modal-map-control__item{ + margin: 12px; - transition: background-color .2s ease-out; + padding: 2px; - position: relative; + width: calc(50% - 24px); + + background: var(--background-9); + border-radius: 20px; + border: none; } -.state__button:hover{ - background-color: var(--background-grey); +.modal-map-control__item.active{ + background: var(--gradient-blue); +} +.modal-map-control__item.active .form-input-radio__circle::before{ + content: ''; + position: absolute; + top: 4px; + left: 4px; + width: 12px; + aspect-ratio: 1; + border-radius: 50%; + background: var(--gradient-blue); } +.modal-map-control-item__content{ + padding: 14px; -/* select */ + border-radius: 18px; -/* counter */ -.counter{ + background: var(--background-white); +} +.modal-map-control-item__header{ display: flex; align-items: center; } -.counter__input{ - width: 48px; - +.modal-map-control-item__circle{ + padding: 2px; + width: 20px; + aspect-ratio: 1; + border-radius: 50%; + background: var(--background-9); + position: relative; +} +.modal-map-control-item__input{ + display: none; +} +.modal-map-control-item-circle__content{ + width: 16px; + aspect-ratio: 1; + border-radius: 50%; + background: var(--background-white); +} +.modal-map-control__item.active .modal-map-control-item__circle{ + background: var(--gradient-blue); +} +.modal-map-control__item.active .modal-map-control-item__circle::before{ + content: ''; + position: absolute; + top: 4px; + left: 4px; + width: 12px; + aspect-ratio: 1; + border-radius: 50%; + background: var(--gradient-blue); +} +.modal-map-control-item__title{ + margin-left: 8px; - font-weight: 600; + font-family: var(--font-family); + font-weight: 400; font-size: 20px; line-height: 120%; - text-align: center; + color: var(--text-dark); +} +.modal-map-control-item__description{ + margin-top: 16px; +} +.modal-map-control-item__time{ + font-family: var(--font-family); + font-weight: 500; + font-size: 16px; + line-height: 125%; color: var(--text-black); - pointer-events: none; - - background: none; - border: none; + text-align: start; } -.counter__button{ - width: 48px; - height: 48px; - - display: flex; - justify-content: center; - align-items: center; - - border: 1px solid var(--text-3); - border-radius: 24px; +.modal-map-control-item__price{ + margin-top: 8px; - background: var(--background-white); + font-family: var(--font-family); + font-weight: 700; + font-size: 12px; + line-height: 133%; + color: var(--text-6); - transition: opacity .2s ease-out; + text-align: start; } -.counter__button:hover{ - opacity: .8; +.modal-map__form{ + margin-top: 24px; } -/* counter */ +.modal-map-form__hidden{ + +} +.modal-map-form__button{ + margin-top: 83px; +} +.modal-map-form__sub-button{ + display: none; +} +.modal-map__right{ + padding: 16px 0px 16px 16px; +} +.modal-map__map{ + border: 2px solid var(--background-9); + border-radius: 16px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.modal-map__map iframe{ + height: 650px; +} +.modal__age{ -/* modal */ +} +.modal__age > div{ + display: none; +} +.modal__age > div.active{ + display: flex; +} /* modal */ /* toggle */ @@ -387,10 +1995,13 @@ button{ transition: transform .2s; pointer-events: none; } +.toggle.active::after{ + transform: rotate(0deg); +} .toggle__title{ padding-right: 30px; - + font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 125%; @@ -407,10 +2018,216 @@ button{ .toggle__content{ padding-top: 24px; } +.toggle-content__item{ + margin: 12px -12px -12px -12px; + + display: flex; + align-items: center; + flex-wrap: wrap; +} +.toggle-content__item:first-child{ + margin-top: 0; +} +.toggle-content__element{ + margin: 12px; +} +.toggle-content__element--width-perc-100{ + width: 100%; +} +.toggle-content__element--width-perc-50{ + width: calc(50% - 24px); +} .toggle__text{ + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +/* toggle */ + +/* checkbox */ +.checkbox{ + display: flex; + align-items: center; + + cursor: pointer; +} +.checkbox__state{ + border-radius: 4px; + + width: 18px; + height: 18px; + + border: 2px solid var(--background-black); + background: var(--background-white); + + flex-shrink: 0; +} +.checkbox.active .checkbox__state{ + background-color: var(--background-black); + + background-image: url(../img/svg/main/arrow-selected-white.svg); + background-repeat: no-repeat; + background-position: center; +} +.checkbox__input{ + display: none; +} +.checkbox__label{ + padding-left: 8px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-dark); + + cursor: pointer; +} +.checkbox__label a{ + color: #76ce75; + + text-decoration: none; +} +.checkbox--small{ + margin-top: 24px; +} +.checkbox--small .checkbox__label{ + padding-left: 24px; + + font-weight: 500; + font-size: 12px; + line-height: 133%; +} +/* checkbox */ + +/* radio */ +.radio{ + display: flex; + align-items: center; +} +.radio__input{ + width: 18px; + aspect-ratio: 1; + + accent-color: var(--background-black); + + cursor: pointer; +} +.radio__label{ + padding-left: 8px; + font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; + color: var(--text-dark); + + cursor: pointer; +} +/* radio */ + + +@keyframes slidein { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.subscription{ + +} +.subscription__item{ + display: flex; + + color: var(--text-black); + font-family: var(--font-family); + font-weight: 500; + line-height: 120%; +} +.subscription__item:nth-last-child(n + 2){ + border-bottom: 1px solid var(--background-9); +} +.subscription__item span{ + font-weight: 700; +} +.subscription__item span small{ + font-size: 16px; +} +.subscription__status{ color: var(--text-black); } +.subscription__status--close{ + color: var(--text-red); +} +.subscription__status--end{ + color: var(--text-green); +} +.subscription__add{ + width: 100%; +} +.subscription__add-header{ +} +.subscription__add-product{ + align-items: start; +} +.subscription__add-product > *:not(:first-child){ + padding-top: 14px; +} +.subscription__add-title{ + font-family: var(--font-family); + font-weight: 600; + line-height: 133%; +} +.subscription__add-content{ + +} + +.tabs__buttons{ + margin: -12px; + + display: flex; + flex-wrap: wrap; +} +.tabs__content-wrap{ + margin-top: 24px; +} +.tabs__content{ + display: none; +} +.tabs__content.active{ + display: block; +} + +.cabinet__control--column{ + flex-direction: column; +} + +.cabinet__control--column > *:not(:first-child){ + margin-top: 16px +} + +.cabinet-card-order__payment{ + +} +.cabinet-card-order__sub-title{ + font-family: var(--font-family); + font-weight: 600; + line-height: 143%; + color: var(--text-3); +} +.cabinet-card-order__date{ + font-family: var(--font-family); + font-weight: 700; + line-height: 125%; + color: var(--text-3); +} + +.cabinet-card-order-payment__price span{ + font-size: 12px; +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css index 7251dda..77d7532 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-desktop.css @@ -2,34 +2,415 @@ /* header start */ -.detail-block-form__item a{ - display: block; +.header{ + position: relative; + + background-color: var(--background-white); + + position: fixed; + left: 0; + top: 0; + right: 0; + + z-index: 200; +} + +.detail .product__main{ + width: 100%; +} + +.header__content::after{ + content: ''; + + position: absolute; + left: auto; + right: auto; + bottom: 0; + + width: calc(100% - 48px); + max-width: 1552px; + height: 1px; + + background: var(--text-3); } .detail-block-form__items{ - margin-top: 12px; + margin: 25px 0 0; } -.detail-block-form__item a { - margin: 8px; +.header__content{ + height: 72px; + + padding: 14px 24px; + + display: flex; + justify-content: space-between; + align-items: center; } -/* header end */ +.header__open-menu{ + display: none; + + width: 24px; + aspect-ratio: 1; + + position: relative; + + border: none; + background: none; +} +.header__open-menu::before{ + content: ''; + + position: absolute; + top: 8px; + left: 4px; + + width: 16px; + height: 2px; + + background: var(--background-black); + border-radius: 1px; -.product__item.active::before{ - opacity: 0; } +.header__open-menu::after{ + content: ''; -.product-item__overlay.active{ - top: 0; + position: absolute; + left: 4px; + bottom: 8px; + + width: 16px; + height: 2px; + + background: var(--background-black); + border-radius: 1px; } -.gallery.active{ - opacity: 1; - pointer-events: auto; +.header__logo{ + width: 182px; + height: 40px; +} +.header__logo-black, +.header__logo-white{ + width: 100%; + height: 100%; +} +.header__logo-white{ + display: none; +} + +.header__menu-block{ + position: absolute; + top: 72px; + left: 0; + + width: 100%; + height: 0; + + overflow: hidden; + transition: height .2s ease-out; + + background-color: var(--background-white); + + z-index: 100; +} + +.header__pc-menu{ + padding: 40px 46px; + + display: flex; + justify-content: center; + + position: relative; +} +.header__pc-menu::before{ + content: ''; + + position: absolute; + top: 0; + left: 46px; + + width: 330px; + height: 248px; + + background-image: url(../img/pet/cat.png); + background-repeat: no-repeat; +} +.header__pc-menu::after{ + content: ''; + + position: absolute; + top: 0; + right: 46px; + + width: 330px; + height: 248px; + + background-image: url(../img/pet/dog.png); + background-repeat: no-repeat; +} +.header-pc-menu__content{ + width: 600px; + + display: flex; + justify-content: space-between; +} +.header-pc-menu__item{ + +} +.header-pc-menu__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 26px; + line-height: 123%; + text-transform: uppercase; + color: var(--text-black); + + text-decoration: none; +} +.header-pc-menu__list{ + margin-top: 16px; + + list-style-type: none; +} +.header-pc-menu__list-li{ + margin-top: 25px; +} +.header-pc-menu__list-li:first-child{ + margin-top: 0; +} +.header-pc-menu__list-li a{ + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + color: var(--text-0); + + text-decoration: none; +} +.header__phone-menu{ + display: none; + + padding: 24px 16px; + + height: calc(100vh - 56px); + + overflow-x: auto; +} +.header-phone-menu__item{ + padding: 16px 0; + + border-top: 1px solid #f4f1f0; + border-bottom: 1px solid #f4f1f0; + + display: flex; + flex-direction: column; +} +.header-phone-menu__item:first-child{ + border-top: 0; +} +.header-phone-menu__item:last-child{ + border-bottom: 0; +} +.header-phone-menu__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + text-decoration: none; +} +.header-phone-menu__title--gradient{ + background: var(--gradient-blue); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.header-phone-menu__category{ + margin-top: 16px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 18px; + line-height: 133%; + color: var(--text-black); + + text-decoration: none; +} +.header-phone-menu__list{ + margin-top: 24px; + + padding-left: 32px; + + list-style-type: none; +} +.header-phone-menu__list-item{ + margin-top: 16px; +} +.header-phone-menu__list-item:first-child{ + margin-top: 0; +} +.header-phone-menu__list-item a{ + font-family: var(--font-family); + font-weight: 500; + font-size: 16px; + line-height: 125%; + color: var(--text-black); + + text-decoration: none; +} +.header.white{ + background: none; +} +.header.white .header__logo-black{ + display: none; +} +.header.white .header__logo-white{ + display: block; +} +.header.white .main-menu__link{ + color: var(--text-white); +} +.header.white .main-menu__button{ + background: var(--background-white); +} +.header.white .lang__open{ + color: var(--text-white); +} +.header.white .header__content::after{ + background: var(--background-white); +} +.header.white .lang-open__black{ + display: none; +} +.header.white .lang-open__white{ + display: block; +} +.header.white .mini-profile__icon.white{ + display: block; +} +.header.white .mini-profile__icon.black{ + display: none; +} +.header.white .header__open-menu::before, +.header.white .header__open-menu::after{ + background: var(--background-white); +} +.header__phone-menu::-webkit-scrollbar { + width: 0px; } +main{ + padding-top: 72px; +} +/* header end */ + /* product */ +.product{ + padding: 24px; + } + .product__header{ + display: flex; + justify-content: space-between; + align-items: center; + } + .product__tag{ + margin: 36px -12px -12px -12px; + + display: flex; + align-items: center; + flex-wrap: wrap; + } + .product-tag__item{ + margin: 12px; + + padding: 1px; + + border-radius: 16px; + + background: var(--gradient-blue); + border: none; + } + .product-tag-item__content{ + padding: 3px 11px; + + background: var(--background-white); + + border-radius: 15px; + + display: flex; + align-items: center; + } + .product-tag-item__text{ + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + background: var(--gradient-blue); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + .product-tag-item__button{ + margin: 2px 0 2px 4px; + + width: 20px; + aspect-ratio: 1; + + background: none; + border: none; + + background-image: url(../img/svg/main/gradient-x.svg); + background-repeat: no-repeat; + background-position: center; + } + .product__error{ + margin: auto; + + padding: 0 16px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 24px; + line-height: 100%; + text-transform: uppercase; + color: var(--text-0); + text-align: center; + } + .product__error-button{ + border-radius: 20px; + padding: 4px 24px; + + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + border: 1px solid var(--text-0); + background: var(--background-white); + text-decoration: none; + } + .product__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 36px; + line-height: 111%; + text-transform: uppercase; + text-align: center; + color: var(--text-black); + } + .product__main{ + margin: 36px -12px -12px; + + /* width: 100%; */ + + display: flex; + align-items: stretch; + flex-wrap: wrap; + } .product__item{ margin: 12px; @@ -67,6 +448,14 @@ .product__item:hover::before{ opacity: 1; } + .product__item.active::before{ + opacity: 0; + } + .product-item__block-label{ + position: absolute; + top: 16px; + left: 16px; + } .product-item__label{ position: absolute; top: 16px; @@ -84,7 +473,7 @@ padding: 4px 8px; - + font-family: var(--font-family); font-weight: 700; font-size: 12px; line-height: 133%; @@ -98,9 +487,17 @@ .product-item-label__tag--new{ background: var(--gradient-blue); } + .product-item-label__tag--new-green{ + background: #d9ffcc; + color: #4e7623; + } .product-item-label__tag--sale{ background: var(--gradient-red); } + .product-item-label__tag--sale-red{ + color: #fa0505; + background: #ffe5e5; + } .product-item-label__tag--black{ background: var(--background-black); color: var(--text-white); @@ -132,7 +529,7 @@ .product-item__title{ margin-top: 8px; - + font-family: var(--font-family); font-weight: 500; font-size: 20px; line-height: 120%; @@ -151,44 +548,54 @@ align-items: center; } .product-item__price p{ - + font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 200%; text-transform: uppercase; color: var(--text-black); } + .product-item__price p::after{ + + padding-left: 5px; + } + .product-item__price span{ + margin-left: 9px; + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + color: var(--text-red); + } + .product-item__price del{ + margin-left: 24px; - .detail__image--width-perc-100{ - width: calc(100% - 24px); - height: 600px; - + font-family: var(--font-family); + font-weight: 700; + font-size: 18px; + line-height: 133%; + text-transform: uppercase; + text-decoration: line-through; + color: var(--text-6); } - .detail__image--width-perc-50{ - width: calc(50% - 24px); - height: 288px; + .product-item__price del::after{ + } - .detail__image--width-perc-100 img{ - width: 90%; - height: 90%; - - object-fit: contain; + .product-item__price span::before{ + content: '-'; } - .detail__image--width-perc-50 img{ - width: 100%; - height: 100%; - - object-fit: contain; + .product-item__price span::after{ + content: '%'; } - - - /* .product-item__price p::after{ - content: '₽'; - padding-left: 5px; - } */ .product-item__bye{ margin-top: 8px; } + .product__item.hiding .product-item__images{ + filter: grayscale(1) + } + .product__item.hiding .product-item__price{ + color: var(--text-grey); + } .product-item__overlay{ position: absolute; top: 100%; @@ -211,11 +618,14 @@ transition: top .4s ease-out; } + .product-item__overlay.active{ + top: 0; + } .product-item-overlay__header{} .product-item-overlay__tags{ margin: 4px -6px -6px -6px; - + font-family: var(--font-family); font-weight: 500; font-size: 12px; line-height: 133%; @@ -251,7 +661,7 @@ .product-item-overlay__price{ margin-top: 32px; - + font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 100%; @@ -260,7 +670,7 @@ color: var(--text-black); } .product-item-overlay__price::after{ - content: '₽'; + } .product-item-overlay__block-button{ margin-top: 32px; @@ -285,7 +695,7 @@ margin-top: 0; } .product-item-overlay-field__title{ - + font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 125%; @@ -303,6 +713,104 @@ /* modal */ /* footer */ +.footer{ + margin-top: 80px; + + padding: 40px 24px; + + background: var(--background-black); +} +.footer__wrapper{ + width: 100%; + + display: flex; +} +.footer__content{ + width: calc(100% - 364px); +} +.footer__logo{ + width: 187px; + height: 43px; +} +.footer__address{ + margin-top: 24px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 24px; + line-height: 133%; + color: var(--text-white); + font-style: normal; +} +.footer__list{ + margin: 28px -12px -12px -12px; + + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} +.footer-list__item{ + margin: 12px; + + width: calc(50% - 24px); + + display: flex; + flex-direction: column; +} +.footer-list__item:nth-child(even){ + width: 322px; +} +.footer-list__item .button{ + border-radius: 24px; +} +.footer-list__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-white); +} +.footer-list__link{ + margin-top: 4px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 24px; + line-height: 133%; + color: var(--text-white); + + text-decoration: none; +} +.footer__form{ + margin-left: 48px; + + width: 364px; +} +.footer__about{ + margin-top: 16px; + + padding-top: 15px; + + display: flex; + justify-content: space-between; + align-items: center; + + border-top: 1px solid var(--text-white); +} +.footer-about__text{ + font-family: var(--font-family); + font-weight: 500; + font-size: 20px; + line-height: 120%; + text-align: right; + color: var(--text-white); + opacity: 0.6; + + text-decoration: none; +} +.footer__social-media{ + display: none; +} /* footer */ /* detail */ @@ -315,6 +823,7 @@ } .detail__images{ margin: -12px; + width: calc(50% - 24px); display: flex; @@ -332,10 +841,31 @@ background: var(--background-grey); cursor: pointer; } +.detail__image--width-perc-100{ + width: calc(100% - 24px); + height: 600px; + +} +.detail__image--width-perc-50{ + width: calc(50% - 24px); + height: 288px; +} +.detail__image--width-perc-100 img{ + width: 90%; + height: 90%; + + object-fit: contain; +} +.detail__image--width-perc-50 img{ + width: 100%; + height: 100%; + + object-fit: contain; +} .detail__content{ margin-left: 48px; - width: calc(50% - 24px); + width: calc(50% - 24px); } .detail__label{ margin: -2px; @@ -351,7 +881,7 @@ .detail__title{ margin-top: 8px; - + font-family: var(--font-family); font-weight: 700; font-size: 36px; line-height: 111%; @@ -365,15 +895,15 @@ align-items: center; } .detail-block-price__price{ - + font-family: var(--font-family); font-weight: 700; font-size: 36px; line-height: 111%; text-transform: uppercase; } -/* .detail-block-price__price::after{ - content: '₽'; -} */ +.detail-block-price__price::after{ + +} .detail-block-price__sale{ margin-left: 22px; @@ -381,7 +911,7 @@ align-items: center; } .detail-block-price-sale__text{ - + font-family: var(--font-family); font-weight: 700; font-size: 20px; line-height: 120%; @@ -389,13 +919,13 @@ text-decoration: line-through; color: var(--text-6); } -/* .detail-block-price-sale__text::after{ - content: '₽'; -} */ +.detail-block-price-sale__text::after{ + +} .detail-block-price-sale__perc{ margin-left: 9px; - + font-family: var(--font-family); font-weight: 500; font-size: 12px; line-height: 133%; @@ -428,6 +958,9 @@ .detail-block-form__item:first-child{ margin-top: 0; } +.detail-block-form__item button{ + margin: 8px; +} .detail-block-form__submit{ min-width: 345.89px; } @@ -446,7 +979,7 @@ background: var(--background-white); } .detail-warning__title{ - + font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 100%; @@ -456,7 +989,7 @@ .detail-warning__text{ margin-top: 16px; - + font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; @@ -504,7 +1037,7 @@ align-items: center; } .detail-catalot__title{ - + font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 100%; @@ -566,7 +1099,7 @@ .toggle-table__item p{ display: block; - + font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 120%; @@ -578,7 +1111,7 @@ width: 100%; } .toggle-table__item .warning p{ - + font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 120%; @@ -587,7 +1120,7 @@ .toggle-table__title{ margin-bottom: 16px; - + font-family: var(--font-family); font-weight: 700; font-size: 16px; line-height: 125%; @@ -636,6 +1169,10 @@ z-index: 300; } +.gallery.active{ + opacity: 1; + pointer-events: auto; +} .gallery__close{ position: absolute; top: 24px; @@ -732,29 +1269,749 @@ /* cabinet */ -/* .cabinet-card-no-orders__ */ -/* cabinet */ +.cabinet{ + padding: 24px; -@media only screen and (max-width: 1600px) { + display: flex; + justify-content: space-between; +} +.cabinet__control{ + margin: 24px; + margin-bottom: 0; -.wrapper{ - max-width: 1280px; + display: none; } +.cabinet-control__button{ + margin-left: 8px; -.product__item{ - margin: 12px; + padding: 12px 16px; - width: calc(33.3% - 24px); + font-family: var(--font-family); + font-weight: 500; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + background: var(--background-white); + border: 2px solid var(--text-black); + border-radius: 48px; + + transition: opacity .2s ease-out; +} +.cabinet-control__button:first-child{ + margin-left: 0; +} +.cabinet-control__button.active{ + background: var(--background-black); + color: var(--text-white); +} +.cabinet-control__button:hover{ + opacity: .8; +} +.cabinet__orders{ + width: calc(((100% - 48px) / 3) * 2); +} +.cabinet__profile{ + width: calc((100% - 48px) / 3); } -.gallery__wrapper{ - max-width: 1280px; +.cabinet-card{ + margin-top: 32px; + + padding: 1px; + + border-radius: 20px; +} +.cabinet-card:first-child{ + margin-top: 0; +} +.cabinet-card--green{ + background: var(--background-green); +} +.cabinet-card--green-white{ + background: var(--background-green-white); +} +.cabinet-card--green-white .cabinet-card__content{ + background: none; +} +.cabinet-card--red-blue{ + background: var(--gradient-red); } +.cabinet-card--grey{ + background: var(--background-9); } +.cabinet-card__content{ + padding: 23px; -@media only screen and (max-width: 1365px) { - .gallery__wrapper{ - max-width: 100%; - } - + border-radius: 19px; + + background-color: var(--background-white); +} +.cabinet-card__element{ + margin-top: 24px; + + position: relative; +} +.cabinet-card__element--margin-top-32{ + margin-top: 32px; +} +.cabinet-card__element:first-child, +.cabinet-card__element--margin-top-32:first-child{ + margin-top: 0 +} +.cabinet-card__element-change{ + position: absolute; + top: 14px; + right: 0; + + width: 24px; + aspect-ratio: 1; + + background-image: url(../img/svg/main/change-dot.svg); + border: none; + background-color: var(--background-white); + + transition: opacity .2s ease-out; +} +.cabinet-card__element-change:hover{ + opacity: .8; +} +.cabinet-card__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 26px; + line-height: 123%; + text-transform: uppercase; + background: var(--gradient-blue); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.cabinet-card__text{ + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + + color: var(--text-black); +} +.cabinet-card__text--grey{ + color: var(--text-grey); +} +.cabinet-card__label{ + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + + color: var(--text-3); +} +.cabinet-card__status{ + padding-left: 20px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + + position: relative; +} +.cabinet-card__status--chek{ + color: var(--text-green); +} +.cabinet-card__status--chek::before{ + content: ''; + + position: absolute; + top: 0; + left: 0; + + width: 16px; + height: 16px; + + background-image: url(../img/svg/main/status-chek.svg); + object-fit: contain; +} +.cabinet-card__status--cancelled{ + color: var(--text-red); +} +.cabinet-card__status--cancelled::before{ + content: ''; + + position: absolute; + top: 0; + left: 0; + + width: 16px; + height: 16px; + + background-image: url(../img/svg/main/status-cancelled.svg); + object-fit: contain; +} +.cabinet-card__block-accounts{ + display: flex; +} +.cabinet-card__account{ + margin-left: 16px; + + width: 40px; + aspect-ratio: 1; + + display: flex; + justify-content: center; + align-items: center; + + background: var(--background-9); + border-radius: 50%; +} +.cabinet-card__account:first-child{ + margin-left: 0; +} +.cabinet-card__block-buttons{ + display: flex; + justify-content: space-between; + align-items: center; +} +.cabinet-card__button{ + padding: 8px 8px 6px 0; + + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + background: none; + border: none; + + position: relative; + + text-decoration: none; +} +.cabinet-card__button::before{ + content: ''; + + position: absolute; + bottom: 6px; + + width: calc(100% - 8px); + height: 1px; + + background: var(--text-black); + + transition: opacity .2s ease-out; +} +.cabinet-card__button:hover{ + opacity: .8; +} +.cabinet-card__confirm{ + margin-top: 16px; + + border-radius: 20px; + padding: 4px 24px; + + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + + + background: var(--background-black); + color: var(--text-white); + border: none; + + transition: opacity .2s ease-out; +} +.cabinet-card__confirm:hover{ + opacity: .8; +} +.cabinet-card__text, .cabinet-card__label, .cabinet-card__status, .cabinet-card__block-accounts, .cabinet-card__block-buttons{ + margin-top: 8px; +} +.cabinet-card__text:first-child, .cabinet-card__label:first-child, .cabinet-card__status:first-child, .cabinet-card__block-accounts:first-child, .cabinet-card__block-buttons:first-child{ + margin-top: 0px; +} +.cabinet-card__block-add-pets{ + width: 100%; + + display: flex; + align-items: center; + + background: none; + border: none; +} +.cabinet-card-add-pets__circle{ + width: 48px; + aspect-ratio: 1; + + display: flex; + justify-content: center; + align-items: center; + + border: 1px solid var(--text-6); + border-radius: 50%; +} +.cabinet-card-add-pets__text{ + margin-left: 16px; + + font-family: var(--font-family); + font-weight: 600; + font-size: 20px; + line-height: 120%; + + color: var(--text-6); + + position: relative; +} +.cabinet-card-add-pets__text::after{ + content: ''; + + position: absolute; + left: 0; + bottom: -4px; + + width: 100%; + height: 1px; + + background: var(--text-6); +} +.cabinet-card__discount{ + display: flex; + align-items: center; +} +.cabinet-card-discount__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-black); +} +.cabinet-card-discount__percent{ + margin-left: 16px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-black); +} +.cabinet-card-discount__percent::after{ + content: '%'; +} +.cabinet-card-discount__arrow{ + display: inline-block; + + margin-left: 6px; + + width: 20px; + aspect-ratio: 1; + + background-image: url(../img/svg/main/arrow-breadcrumbs-black.svg); + background-position: center; +} +.cabinet-card__no-orders{ + margin-top: 32px; + + padding: 48px 24px; +} +.cabinet-card-no-orders__element{ + margin-top: 26px; +} +.cabinet-card-no-orders__element:first-child{ + margin-top: 0; +} +.cabinet-card-no-orders__title{ + font-family: var(--font-family); + font-weight: 500; + font-size: 24px; + line-height: 133%; + text-align: center; + color: var(--text-black); +} +.cabinet-card__pet{ + display: flex; + align-items: center; +} +.cabinet-card-pet__icon{ + width: 48px; + aspect-ratio: 1; + + border-radius: 50%; + background: var(--gradient-blue); +} +.cabinet-card-pet-icon__content{ + margin: 1px; + + width: calc(100% - 2px); + aspect-ratio: 1; + + display: flex; + justify-content: center; + align-items: center; + + border-radius: 50%; + background: var(--background-white); +} +.cabinet-card-pet-icon__content img{ + width: 32px; + aspect-ratio: 1; + + object-fit: contain; +} +.cabinet-card-pet__name{ + margin-left: 24px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-black); +} +.cabinet-card__order{ + position: relative; +} +.cabinet-card-order__header{ + display: flex; + justify-content: space-between; + align-items: flex-start; +} +.cabinet-card-order__main{} +.cabinet-card-order-main__date{ + font-family: var(--font-family); + font-weight: 500; + font-size: 24px; + line-height: 133%; + color: var(--text-black); +} +.cabinet-card-order-main__number{ + margin-top: 8px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + color: var(--text-black); +} +.cabinet-card-order-main__number::before{ + content: '№'; +} +.cabinet-card-order__payment{ + display: flex; + align-items: flex-end; + + transition: margin .2s ease-out; +} +.cabinet-card-order-payment__title{ + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + color: var(--text-black); +} +.cabinet-card-order-payment__price{ + margin-left: 8px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 16px; + line-height: 125%; + color: var(--text-black); +} +.cabinet-card-order-payment__price::after{ + margin-left: 5px; + +} +.cabinet-card-order-payment__price--add::after{ + display: none; +} +.cabinet-card-order__content{ + margin-top: 24px; +} +.cabinet-card-order__content +.cabinet-card-order__status{ + display: flex; + align-items: center; +} +.cabinet-card-order-status__title{ + font-family: var(--font-family); + font-weight: 500; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.cabinet-card-order-status__pointer{ + margin-left: 12px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.cabinet-card-order-status__pointer--grey{ + color: var(--text-6); +} +.cabinet-card-order-status__pointer--green{ + color: var(--text-green); +} +.cabinet-card-order-status__pointer--red{ + color: var(--text-red); +} +.cabinet-card-order__block-detail{ + height: 0; + overflow: hidden; + + transition: height .2s ease-out; +} +.cabinet-card-order__detail{ + padding-top: 24px; +} +.cabinet-card-order-detail__address{} +.cabinet-card-order-detail-address__title{ + font-family: var(--font-family); + font-weight: 500; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.cabinet-card-order-detail-address__text{ + margin-top: 16px; + + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.cabinet-card-order-detail__main{ + margin-top: 24px; + + display: flex; + justify-content: space-between; +} +.cabinet-card-order-detail-main__products{} +.cabinet-card-order-detail-main__product{ + margin-top: 4px; + + display: flex; + align-items: center; +} +.cabinet-card-order-detail-main__product:first-child{ + margin-top: 0; +} +.cabinet-card-order-detail-main-product__img{ + width: 106px; + height: 96px; +} +.cabinet-card-order-detail-main-product__content{ + display: flex; +} +.cabinet-card-order-detail-main-product__description{ + width: 212px; +} +.cabinet-card-order-detail-main-product-description__what{ + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + color: var(--text-black); +} +.cabinet-card-order-detail-main-product-description__with-what{ + margin-top: 8px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + color: var(--text-6); +} +.cabinet-card-order-detail-main-product__count{ + margin-left: 8px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 12px; + line-height: 133%; + text-align: right; + color: var(--text-6); +} +.cabinet-card-order-detail-main-product__count::before{ + margin-right: 4px; + + content: 'x'; +} +.cabinet-card-order-detail-main-product__price{ + margin-left: 16px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 12px; + line-height: 133%; + text-align: right; + color: var(--text-black); +} +.cabinet-card-order-detail-main-product__price::after{ + content: ' Р'; +} +.cabinet-card-order-detail-main__links{ + display: flex; + flex-direction: column; +} +.cabinet-card-order-detail-main__link{ + margin-top: 16px; +} +.cabinet-card-order-detail-main__link:first-child{ + margin-top: 0; +} +.cabinet-card-order__open-detail{ + margin-top: 24px; + + padding-right: 24px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 20px; + line-height: 120%; + color: var(--text-black); + + border: none; + background: none; + + position: relative; +} +.cabinet-card-order__open-detail::after{ + content: ''; + + position: absolute; + top: 6.75px; + right: 0; + + width: 12.5px; + height: 10.5px; + + background-image: url(../img/svg/main/arrow-black.svg); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + + transition: transform .2s; + /* transform: rotate(180deg); */ +} +.cabinet-card-order__detail-short{ + position: absolute; + right: 0; + bottom: 0; + + display: flex; + align-items: center; + + transition: opacity .2s .1s ease-out; +} +.cabinet-card-order-detail-short__item{ + border-radius: 16px; + width: 106px; + height: 96px; +} +.cabinet-card__download{ + margin-top: 32px; +} +.cabinet-card__order.active .cabinet-card-order__detail-short{ + opacity: 0; +} +.cabinet-card__order.active .cabinet-card-order__open-detail::after{ + transform: rotate(180deg); +} +.cabinet-card-order__payment-add{ + display: flex; + flex-direction: column; + align-items: start; +} +.cabinet-card-order__sub-title{ + font-size: 14px; +} +.cabinet-card-order__date{ + font-size: 16px; +} +/* .cabinet-card-no-orders__ */ +.cabinet__subscription-pc{ +} +.cabinet__subscription-mobile{ + display: none; +} +/* cabinet */ + +@media only screen and (max-width: 1600px) { + +.wrapper{ + max-width: 1280px; +} + +.product__item{ + margin: 12px; + + width: calc(33.3% - 24px); +} + +.gallery__wrapper{ + max-width: 1280px; +} + +.header__content::after{ + max-width: 1232px; +} +} + +@media only screen and (max-width: 1365px) { + .gallery__wrapper{ + max-width: 100%; + } + +} + +.subscription{ + margin-top: 12px; +} +.subscription__item{ + padding: 12px 0; + justify-content: space-between; +} +.subscription__item{ + font-size: 20px; +} +.subscription__add{ + color: var(--text-black); +} +.subscription__add-header{ + +} +.subscription__add-title{ + font-size: 24px; +} +.subscription__add-content{ + padding: 24px 0 12px 0; +} +.subscription__add-product{ + align-items: start; +} +.subscription__add-product > *:nth-child(3){ + margin-left: auto; + align-items: center; +} +.subscription__add .cabinet-card-order-detail-main-product-description__what { + font-size: 16px; + line-height: 125%; +} +.subscription__add .cabinet-card-order-detail-main-product-description__with-what { + font-weight: 500; + font-size: 16px; +} +.subscription__add .cabinet-card-order-detail-main-product__count{ + font-weight: 700; + font-size: 16px; + line-height: 100%; +} +.subscription__add .cabinet-card-order-detail-main-product__price{ + font-weight: 500; + font-size: 20px; + line-height: 120%; } \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-mobile.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-mobile.css index cc6600d..4464cbc 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-mobile.css +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-mobile.css @@ -6,7 +6,138 @@ } /* product */ +/* modal */ +.modal__basket{ + width: 100%; +} +.modal__filter{ + width: 100%; +} +.modal__to-know, +.modal__to-know-submit{ + width: 100%; +} +.modal__button .to-know{ + display: flex; + + background: none; +} +.modal__basket .modal__header { + height: calc(100% - 156px); + margin-bottom: -36px; +} +.modal-basket-item__block-image{ + position: absolute; + width: 80px; +} +.modal-basket-item__image{ + width: 48px; +} +.modal-basket-item__content{ + margin-left: 0; + + padding-left: 96px; +} +.modal-basket-item__control{ + margin-left: -80px; +} +.modal-basket-item__title{ + min-height: 40px; + + font-size: 16px; +} +.modal-basket__item--return{ + flex-direction: column; + align-items: start; +} +.modal-basket__item--return .modal-basket-item__title{ + margin-right: auto; +} +.notification--width-584{ + width: 100%; +} +.notification__title{ + font-size: 20px; +} +.notification__text--center-pc{ + text-align: start; +} +.notification__img{ + height: 360px; +} +.notification__title{ + padding-right: 96px; +} +.modal-form__buttons--two{ + flex-wrap: wrap; +} +.modal-form__buttons--two button, .modal-form__buttons--two input{ + margin-top: 24px; + width: 100%; +} +.modal-form__buttons--two button:first-child, .modal-form__buttons--two input:first-child{ + margin-top: 0; +} +.modal-map__control{ + flex-wrap: wrap; +} +.modal-map-control__item{ + width: calc(100% - 24px); +} +.form__full-mobile{ + width: 100%; + border-radius: 0; + border: none; +} + +.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){ + width: 69px; +} +.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){ + +} +.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){ + width: 82px; +} +.form__input{ + padding: 12px 14px; +} +.modal-form--height-100-phone{ + min-height: 100%; +} +/* modal */ + +/* footer */ +.footer__about{ + display: none; +} +.footer__wrapper{ + flex-direction: column; +} +.footer__content{ + width: 100%; +} +.footer__form{ + margin-top: 24px; + margin-left: 0; + + width: 100%; +} +.footer__social-media{ + display: block; + + margin-top: 24px; +} +.footer-about__text{ + padding-top: 35px; + display: block; + text-align: left; } +.footer__list{ + margin-top: 20px; +} +/* footer */ + /* detail */ .toggle__table--two .toggle-table__block{ width: 100%; @@ -20,6 +151,67 @@ } /* detail */ +/* cabinet */ +.cabinet-card__title{ + font-size: 20px; +} +.cabinet-card__no-orders{ + margin-top: 16px; +} +.cabinet-card-order__header{ + flex-direction: column; +} +.cabinet-card-order__payment{ + margin-top: 16px; +} +.cabinet-card-order-detail__main{ + flex-direction: column; +} +.cabinet-card-order-detail-main__links{ + margin-top: 24px; + + align-items: start; +} +.cabinet-card-order-detail-main-product__img{ + width: 70px; + height: 70px; +} +.cabinet-card-order-detail-main__product{ + margin-top: 16px; + + align-items: start; +} +.cabinet-card-order-detail-main-product__content{ + margin-left: 16px; + + flex-wrap: wrap; + + position: relative; +} +.cabinet-card-order-detail-main-product__description{ + width: 100%; +} +.cabinet-card-order-detail-main-product__count{ + position: absolute; + left: 116px; + bottom: 0; +} +.cabinet-card-order-detail-main-product__price{ + position: absolute; + left: 153px; + bottom: 0; +} +.cabinet-card__content{ + padding-right: 19px; +} +.cabinet-card-order-main__date{ + font-size: 20px; +} +/* .cabinet-card__order.active */ +/* .cabinet-card__order.active */ +/* cabinet */ +} + @media only screen and (max-width: 576px) { /* header */ @@ -35,4 +227,110 @@ } /* product */ +/* modal */ +.modal__aside{ + left: 0; } +.form-input-radio__title span{ + display: block; + width: 100%; + + color: var(--text-grey); +} +.modal-form__title{ + font-size: 20px; +} +/* modal */ + +/* detail */ +.detail-block-form__item, +.detail-block-form__submit{ + min-width: 100%; +} +/* detail */ + +/* cabinet */ + +.cabinet-card-order-detail-main-product__img{ + width: 40px; + height: 40px; +} + +.cabinet-card-order-detail-main-product__count{ + left: auto; + right: 71px; +} +.cabinet-card-order-detail-main-product__price{ + left: auto; + right: 0; +} +.cabinet-card-order__detail-short{ + transition-delay: 0; + transition-duration: 0; +} +/* cabinet */ +} + +@media only screen and (max-width: 720px) { + .subscription__item{ + flex-direction: column; + } + + .subscription__item > p:first-child{ + font-size: 16px; + color: var(--text-6); + } + .subscription__item > p:last-child{ + margin-top: 6px; + } + + .subscription__add-title { + font-size: 20px; + } + + .subscription__add-product{ + flex-wrap: wrap; + } + + .subscription__add-product > *:not(:first-child){ + padding-top: 0; + } + .subscription__add-product .cabinet-card-order-detail-main-product__img{ + width: 73px; + height: 66px; + } + .subscription__add-product .cabinet-card-order-detail-main-product-description__what{ + font-size: 12px; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + } + .subscription__add-product .cabinet-card-order-detail-main-product-description__with-what{ + margin-top: 8px; + + font-size: 12px; + } + .subscription__add-product .cabinet-card-order-detail-main-product__description { + width: calc(100% - 73px); + } + .subscription__add-product .cabinet-card-order-detail-main-product__content{ + position: static; + margin-top: -10px; + margin-left: auto; + width: calc(100% - 73px); + + display: flex; + justify-content: space-between; + align-items: center; + } + .subscription__add-product .cabinet-card-order-detail-main-product__count{ + position: static; + font-size: 12px; + } + .subscription__add-product .cabinet-card-order-detail-main-product__price{ + position: static; + font-size: 16px; + } +} + diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-order.css b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-order.css new file mode 100644 index 0000000..fcfde9e --- /dev/null +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/css/gp-style-order.css @@ -0,0 +1,241 @@ +.order{ + display: flex; +} +.order__title{ + font-family: var(--font-family); + font-weight: 700; + font-size: 24px; + line-height: 117%; + text-transform: uppercase; + color: var(--text-black); +} +.order__contacts{ + width: calc(50% - 0.5px); + + padding: 24px; + + border-right: 1px solid #121212; +} +.order-contacts__header{ + display: flex; + justify-content: space-between; + align-items: center; +} +.order-contacts__form{ + margin-top: 24px; +} +.order-contacts__delivery{ + margin-top: 47.5px; + + padding-top: 48px; + + border-top: 1px solid var(--background-grey); +} + +.order-contacts-deliver__item{ + margin-top: 24px; +} +.order-contacts-deliver__date{ + padding: 8px; + + border-radius: 24px; + + background: var(--background-grey); +} +.order-contacts-deliver__date .form-input-radio__item{ + margin-top: 24px; +} +.order-contacts-deliver__date .form-input-radio__item:first-child{ + margin-top: 0; +} +.order__your{ + width: calc(50% - 0.5px); + + padding: 24px 24px 24px 48px; + + background: var(--background-grey); +} +.order-your__products{ + margin-top: 48px; +} +.order-your-products__item{ + margin-top: 16px; + + display: flex; + justify-content: space-between; +} +.order-your-products__left{ + display: flex; +} +.order-your-products__img{ + width: 40px; + aspect-ratio: 1; + + border-radius: 16px; +} +.order-your-products__content{ + margin-left: 16px; +} +.order-your-products__name{ + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + color: var(--text-black); + + text-decoration: none; +} +.order-your-products__description{ + margin-top: 8px; + + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + color: var(--text-6); +} +.order-your-products__description span{ + font-weight: 700; +} +.order-your-products__description span::before{ + margin-left: 3px; + + content: 'x '; +} +.order-your-products__right{ + display: flex; +} +.order-your-products__count{ + font-family: var(--font-family); + font-weight: 700; + font-size: 12px; + line-height: 133%; + text-align: right; + color: var(--text-6); +} +.order-your-products__count::before{ + content: 'x'; +} +.order-your-products__price{ + margin-left: 16px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 12px; + line-height: 133%; + text-align: right; + color: var(--text-black); +} +.order-your-products__price::after{ + content: 'Р'; +} +.order-your__calculation{ + margin-top: 48px; +} +.order-your__promo{ + display: flex; +} +.order-your-promo__button{ + margin-left: 8px; +} +.order-your-calculation__item{ + margin-top: 24px; + + display: flex; + justify-content: space-between; + align-items: center; +} +.order-your-calculation__title{ + font-family: var(--font-family); + font-weight: 500; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.order-your-calculation__value{ + font-family: var(--font-family); + font-weight: 700; + font-size: 20px; + line-height: 200%; + text-transform: uppercase; + text-align: right; + color: var(--text-black); +} +.order-your-calculation__value--price::after{ + content: ' ₽'; +} +.order-your-calculation__value--discount{ + background: var(--gradient-red); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.order-your-calculation__value--discount::before{ + content: '- '; +} +.order-your-calculation__description{ + font-family: var(--font-family); + font-weight: 500; + font-size: 12px; + line-height: 133%; + text-align: right; + color: var(--text-9); +} +.order-your-calculation__line{ + margin-top: 23px; + border: 1px solid var(--background-9); +} +.order-your-calculation__result{ + font-family: var(--font-family); + font-weight: 700; + font-size: 24px; + line-height: 117%; + text-transform: uppercase; + color: var(--text-black); +} +.order-your-calculation__submit{ + margin-top: 48px; +} + +@media only screen and (max-width: 1200px) { +.order{ + display: block; +} +.order__contacts, .order__your{ + border: none; + width: 100%; +} +} + +@media only screen and (max-width: 720px) { +.order__title{ + max-width: 181px; + + font-size: 20px; + line-height: 120%; +} +.order__your{ + margin-top: 16px; +} +.order__contacts{ + padding: 24px 16px; +} +.order__your{ + padding: 40px 16px 9px 16px; +} +.order-your__promo{ + display: block; +} +.order-your-promo__button{ + margin-left: 0; + margin-top: 24px; + + width: 100%; +} +.order-your-products__content{ + max-width: 164px; +} +.order-your-products__count, .order-your-products__price{ + flex-shrink: 0; +} +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/cat.png b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/pet/cat.png new file mode 100644 index 0000000000000000000000000000000000000000..f88dd363923e86956d60d98914f762ddc94ab5fd GIT binary patch literal 21905 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 IM6N<$f*~{2&Hw-a literal 0 HcmV?d00001 diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-back.svg b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-back.svg new file mode 100644 index 0000000..a977e53 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-back.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-selected.svg b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-selected.svg new file mode 100644 index 0000000..fb283a7 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/img/svg/main/arrow-selected.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-function.js b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-function.js index 975bcdd..23b16ab 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-function.js +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-function.js @@ -1,156 +1,156 @@ -'use strict'; +// 'use strict'; -// function -function modalOpen(buttonElement, contentElement){ - let modal = document.querySelector('.modal'), - aside = document.querySelector('.modal__aside'), - elements = document.querySelectorAll(buttonElement), - device = window.screen.width; +// // function +// function modalOpen(buttonElement, contentElement){ +// let modal = document.querySelector('.modal'), +// aside = document.querySelector('.modal__aside'), +// elements = document.querySelectorAll(buttonElement), +// device = window.screen.width; - elements.forEach(e => { - let thisContentElement = document.querySelector(contentElement); +// elements.forEach(e => { +// let thisContentElement = document.querySelector(contentElement); - e.onclick = function () { - modal.classList.add('active'); - thisContentElement.classList.add('active'); +// e.onclick = function () { +// modal.classList.add('active'); +// thisContentElement.classList.add('active'); - let width = thisContentElement.clientWidth; - - setTimeout(() => { - if (device <= 720) { - aside.style.width = `${device}px`; - thisContentElement.style.opacity = 1; - thisContentElement.style.filter = 'blur(0px)'; - }else{ - aside.style.width = `${width}px`; - thisContentElement.style.opacity = 1; - thisContentElement.style.filter = 'blur(0px)'; - } - }, 10); - } - }) -} - -function modalClose(buttonElement) { - let modal = document.querySelector('.modal'), - aside = document.querySelector('.modal__aside'), - asideItems = document.querySelectorAll('.modal__item'), - elements = document.querySelectorAll(buttonElement); - - elements.forEach(e => { - e.onclick = function () { - aside.style.width = '0px'; +// let width = thisContentElement.clientWidth; + +// setTimeout(() => { +// if (device <= 720) { +// aside.style.width = `${device}px`; +// thisContentElement.style.opacity = 1; +// thisContentElement.style.filter = 'blur(0px)'; +// }else{ +// aside.style.width = `${width}px`; +// thisContentElement.style.opacity = 1; +// thisContentElement.style.filter = 'blur(0px)'; +// } +// }, 10); +// } +// }) +// } + +// function modalClose(buttonElement) { +// let modal = document.querySelector('.modal'), +// aside = document.querySelector('.modal__aside'), +// asideItems = document.querySelectorAll('.modal__item'), +// elements = document.querySelectorAll(buttonElement); + +// elements.forEach(e => { +// e.onclick = function () { +// aside.style.width = '0px'; - asideItems.forEach(e => { - if (e.classList.contains('active')) { - e.style.filter = 'blur(10px)'; - } - }); - - setTimeout(() => { - asideItems.forEach(e => { - if (e.classList.contains('active')) { - e.classList.remove('active'); - } - }); - - modal.classList.remove('active'); - }, 300); - } - }) -} - -function closeModalForm(close){ - let buttons = document.querySelectorAll(close), - modal = document.querySelector('.modal'); - - buttons.forEach(button => { - button.onclick = function (buttonEvent) { - modal.classList.remove('active'); +// asideItems.forEach(e => { +// if (e.classList.contains('active')) { +// e.style.filter = 'blur(10px)'; +// } +// }); + +// setTimeout(() => { +// asideItems.forEach(e => { +// if (e.classList.contains('active')) { +// e.classList.remove('active'); +// } +// }); + +// modal.classList.remove('active'); +// }, 300); +// } +// }) +// } + +// function closeModalForm(close){ +// let buttons = document.querySelectorAll(close), +// modal = document.querySelector('.modal'); + +// buttons.forEach(button => { +// button.onclick = function (buttonEvent) { +// modal.classList.remove('active'); - if (!modal.querySelector('.modal-map.active')) { - modal.querySelector('.modal-form.active').classList.remove('active'); - }else{ - modal.querySelector('.modal-map.active').classList.remove('active'); - } - } - }) -} - -function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) { - let elements = document.querySelectorAll(mainElement); - - elements.forEach(e => { - let thisMainElement = e, - thisButtonElement = e.querySelector(buttonElement), - thisHeightElement = e.querySelector(heightElement), - thisContentElement = e.querySelector(contentElement); - - thisButtonElement.onclick = function (e) { - let height = thisHeightElement.clientHeight; - - if (close == true && !thisMainElement.classList.contains('active')) { - elements.forEach(e => { - if (e.classList.contains('active')) { - e.classList.remove('active'); - e.querySelector(contentElement).style.height = null - } - }) - } - - if (!thisMainElement.classList.contains('active')) { - thisContentElement.style.height = `${height}px`; - thisMainElement.classList.add('active'); - }else{ - thisContentElement.style.height = null; - thisMainElement.classList.remove('active'); - } - } +// if (!modal.querySelector('.modal-map.active')) { +// modal.querySelector('.modal-form.active').classList.remove('active'); +// }else{ +// modal.querySelector('.modal-map.active').classList.remove('active'); +// } +// } +// }) +// } + +// function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) { +// let elements = document.querySelectorAll(mainElement); + +// elements.forEach(e => { +// let thisMainElement = e, +// thisButtonElement = e.querySelector(buttonElement), +// thisHeightElement = e.querySelector(heightElement), +// thisContentElement = e.querySelector(contentElement); + +// thisButtonElement.onclick = function (e) { +// let height = thisHeightElement.clientHeight; + +// if (close == true && !thisMainElement.classList.contains('active')) { +// elements.forEach(e => { +// if (e.classList.contains('active')) { +// e.classList.remove('active'); +// e.querySelector(contentElement).style.height = null +// } +// }) +// } + +// if (!thisMainElement.classList.contains('active')) { +// thisContentElement.style.height = `${height}px`; +// thisMainElement.classList.add('active'); +// }else{ +// thisContentElement.style.height = null; +// thisMainElement.classList.remove('active'); +// } +// } - }); -} - -function toggleHeader(button, content, blockheight, removeBlock, removeClass) { - let thisButton = document.querySelector(button), - thisContent = document.querySelector(content), - thisRemoveBlock = document.querySelector(removeBlock) || '', - thisBlockheight = document.querySelector(blockheight); - - thisButton.onclick = function () { - let height = thisBlockheight.clientHeight; - - if (!thisContent.classList .contains('open')) { - thisContent.style.height = `${height}px`; - thisContent.classList .add('open'); - - if (removeBlock) { - thisRemoveBlock.classList.remove(removeClass); - } - }else{ - thisContent.style.height = null; - thisContent.classList .remove('open'); - - if (removeBlock) { - if (window.scrollY <= 25) { - thisRemoveBlock.classList.add(removeClass); - } - } - } - } -} - -function modalFormOpen(formOrNotification) { - let buttons = document.querySelectorAll(formOrNotification), - modal = document.querySelector('.modal'); - - buttons.forEach(button => { - button.onclick = function (eventButton) { - let classOpenForm = button.dataset.form, - form = modal.querySelector(`.${classOpenForm}`); - - form.classList.add('active'); - modal.classList.add('active'); - } - }) -} -// function \ No newline at end of file +// }); +// } + +// function toggleHeader(button, content, blockheight, removeBlock, removeClass) { +// let thisButton = document.querySelector(button), +// thisContent = document.querySelector(content), +// thisRemoveBlock = document.querySelector(removeBlock) || '', +// thisBlockheight = document.querySelector(blockheight); + +// thisButton.onclick = function () { +// let height = thisBlockheight.clientHeight; + +// if (!thisContent.classList .contains('open')) { +// thisContent.style.height = `${height}px`; +// thisContent.classList .add('open'); + +// if (removeBlock) { +// thisRemoveBlock.classList.remove(removeClass); +// } +// }else{ +// thisContent.style.height = null; +// thisContent.classList .remove('open'); + +// if (removeBlock) { +// if (window.scrollY <= 25) { +// thisRemoveBlock.classList.add(removeClass); +// } +// } +// } +// } +// } + +// function modalFormOpen(formOrNotification) { +// let buttons = document.querySelectorAll(formOrNotification), +// modal = document.querySelector('.modal'); + +// buttons.forEach(button => { +// button.onclick = function (eventButton) { +// let classOpenForm = button.dataset.form, +// form = modal.querySelector(`.${classOpenForm}`); + +// form.classList.add('active'); +// modal.classList.add('active'); +// } +// }) +// } +// // function \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-main.js b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-main.js index d046b87..17670d2 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-main.js +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/assets/js/gp-main.js @@ -1,103 +1,65 @@ 'use strict'; -console.log('gp-main.js загружен'); // header toggleOpenX('.lang', '.lang__open', '.lang__list', '.lang__content', false); toggleHeader('#pc-menu','.header__menu-block','.header__pc-menu', '.white', 'white'); toggleHeader('#phone-menu','.header__menu-block','.header__phone-menu', '.white', 'white'); // header -// modal -modalOpen('.button--filter', '.modal__filter'); -modalOpen('.basket-open', '.modal__basket'); -modalOpen('.open-to-know', '.modal__to-know'); -modalClose('.modal__close'); - -let modalElement = document.querySelector('.modal'); - -modalElement.onclick = function (event) { - let target = event.target; - console.log('Клик по modalElement', target); - if (target.classList.contains('modal')) { - let aside = target.querySelector('.modal__aside'), - modalItem = target.querySelector('.modal__item.active'); - console.log('Закрытие модального окна'); - aside.style.width = '0px'; - setTimeout(() => { - modalItem.style.cssText = ''; - modalItem.classList.remove('active'); - target.classList.remove('active'); - console.log('Модальное окно закрыто'); - }, 300); - } -} - -// modal +// // modal +// modalOpen('.button--filter', '.modal__filter'); +// modalOpen('.basket-open', '.modal__basket'); +// modalOpen('.open-to-know', '.modal__to-know'); +// modalClose('.modal__close'); + +// let modalElement = document.querySelector('.modal'); + +// modalElement.onclick = function (event) { +// let target = event.target; +// if (target.classList.contains('modal')) { +// let aside = target.querySelector('.modal__aside'), +// modalItem = target.querySelector('.modal__item.active'); +// aside.style.width = '0px'; +// setTimeout(() => { +// modalItem.style.cssText = ''; +// modalItem.classList.remove('active'); +// target.classList.remove('active'); +// }, 300); +// } +// } + +// // modal // toggle -toggleOpenX('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true); -// toggle +// toggleOpenX('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true); +// // toggle -// radio-button -let radioButtons = document.querySelectorAll('.radio-button'); +// // radio-button +// let radioButtons = document.querySelectorAll('.radio-button'); -radioButtons.forEach(radioBlock => { - let buttons = radioBlock.querySelectorAll('.button'); +// radioButtons.forEach(radioBlock => { +// let buttons = radioBlock.querySelectorAll('.button'); - buttons.forEach(button => { - let input = radioBlock.querySelector('.radio-button__input'); - - button.onclick = function (e) { - e.preventDefault(); - console.log('Клик по radio-button', button.textContent.trim()); - buttons.forEach(thisButton => { - if (thisButton.classList.contains('active')) { - thisButton.classList.remove('active') - } - }) +// buttons.forEach(button => { +// let input = radioBlock.querySelector('.radio-button__input'); - let text = button.textContent.trim(); +// button.onclick = function (e) { +// e.preventDefault(); +// buttons.forEach(thisButton => { +// if (thisButton.classList.contains('active')) { +// thisButton.classList.remove('active') +// } +// }) - button.classList.toggle('active'); +// let text = button.textContent.trim(); - input.value = text; - console.log('radio-button value:', input.value); - } - }) -}) -// radio-button - -// overlay -let products = document.querySelectorAll('.product__item'); - -products.forEach(productItem => { - let button = productItem.querySelector('.open-overlay'), - overlay = productItem.querySelector('.product-item__overlay'); - - - if (button) { - button.onclick = function (e) { - console.log('Открытие overlay для товара', productItem); - document.querySelectorAll('.product__item').forEach(e => { - if (e.classList.contains('active')) { - e.classList.remove('active'); - } - }); - document.querySelectorAll('.product-item__overlay').forEach(e => { - if (e.classList.contains('active')) { - e.classList.remove('active'); - } - }); - - productItem.classList.toggle('active'); - overlay.classList.toggle('active'); - console.log('overlay toggled', overlay.classList.contains('active')); - } - } - -}) -// overlay +// button.classList.toggle('active'); +// input.value = text; +// } +// }) +// }) +// // radio-button // select toggleOpenX('.select', '.select__state' , '.state__content', '.state__block', true); @@ -114,7 +76,6 @@ selects.forEach(select => { e.onclick = function (event) { event.preventDefault(); - console.log('Клик по select', button.textContent.trim()); buttons.forEach(element => { if (element.classList.contains('active')) { element.classList.remove('active'); @@ -127,221 +88,202 @@ selects.forEach(select => { button.classList.add('active'); content.style.height = 0; select.classList.remove('active'); - console.log('select value:', state.value); } }) }) // select -// counter -let counters = document.querySelectorAll('.counter'); - -counters.forEach(e => { - let minus = e.querySelector('.minus'), - plus = e.querySelector('.plus'), - input = e.querySelector('.counter__input'); - - minus.onclick = function (e) { - e.preventDefault(); - let number = input.value; - console.log('Клик по минусу', number); - if (number >= 2){ - input.value = Number(number) - 1; - console.log('Новое значение counter:', input.value); - } - } - - plus.onclick = function (e) { - e.preventDefault(); - let number = input.value; - console.log('Клик по плюсу', number); - if (number <= 99) { - input.value = Number(number) + 1; - console.log('Новое значение counter:', input.value); - } - } -}) -// counter - -// checkbox -let checkbox = document.querySelectorAll('.checkbox'); - -checkbox.forEach(e => { - e.onclick = function (event) { - let input = e.querySelector('.checkbox__input'); - console.log('Клик по checkbox', input.checked); - if (!e.classList.contains('active')) { - input.checked = 1; - }else{ - input.checked = 0; - } - e.classList.toggle('active'); - console.log('checkbox теперь', input.checked); - } -}) -// checkbox - - -// function -function modalOpen(buttonElement, contentElement){ - let modal = document.querySelector('.modal'), - aside = document.querySelector('.modal__aside'), - elements = document.querySelectorAll(buttonElement), - device = window.screen.width; - - elements.forEach(e => { - let thisContentElement = document.querySelector(contentElement); - - e.onclick = function () { - console.log('Открытие модального окна', contentElement); - modal.classList.add('active'); - thisContentElement.classList.add('active'); +// // counter +// let counters = document.querySelectorAll('.counter'); + +// counters.forEach(e => { +// let minus = e.querySelector('.minus'), +// plus = e.querySelector('.plus'), +// input = e.querySelector('.counter__input'); + +// minus.onclick = function (e) { +// e.preventDefault(); +// let number = input.value; +// if (number >= 2){ +// input.value = Number(number) - 1; +// } +// } + +// plus.onclick = function (e) { +// e.preventDefault(); +// let number = input.value; +// if (number <= 99) { +// input.value = Number(number) + 1; +// } +// } +// }) +// // counter + +// // checkbox +// let checkbox = document.querySelectorAll('.checkbox'); + +// checkbox.forEach(e => { +// e.onclick = function (event) { +// let input = e.querySelector('.checkbox__input'); +// if (!e.classList.contains('active')) { +// input.checked = 1; +// }else{ +// input.checked = 0; +// } +// e.classList.toggle('active'); +// } +// }) +// // checkbox + + +// // function +// function modalOpen(buttonElement, contentElement){ +// let modal = document.querySelector('.modal'), +// aside = document.querySelector('.modal__aside'), +// elements = document.querySelectorAll(buttonElement), +// device = window.screen.width; + +// elements.forEach(e => { +// let thisContentElement = document.querySelector(contentElement); + +// e.onclick = function () { +// modal.classList.add('active'); +// thisContentElement.classList.add('active'); - let width = thisContentElement.clientWidth; - - setTimeout(() => { - if (device <= 720) { - aside.style.width = `${device}px`; - thisContentElement.style.opacity = 1; - thisContentElement.style.filter = 'blur(0px)'; - }else{ - aside.style.width = `${width}px`; - thisContentElement.style.opacity = 1; - thisContentElement.style.filter = 'blur(0px)'; - } - console.log('Модальное окно открыто', contentElement); - }, 10); - } - }) -} - -function modalClose(buttonElement) { - let modal = document.querySelector('.modal'), - aside = document.querySelector('.modal__aside'), - asideItems = document.querySelectorAll('.modal__item'), - elements = document.querySelectorAll(buttonElement); - - elements.forEach(e => { - e.onclick = function () { - console.log('Закрытие модального окна через кнопку', buttonElement); - aside.style.width = '0px'; +// let width = thisContentElement.clientWidth; + +// setTimeout(() => { +// if (device <= 720) { +// aside.style.width = `${device}px`; +// thisContentElement.style.opacity = 1; +// thisContentElement.style.filter = 'blur(0px)'; +// }else{ +// aside.style.width = `${width}px`; +// thisContentElement.style.opacity = 1; +// thisContentElement.style.filter = 'blur(0px)'; +// } +// }, 10); +// } +// }) +// } + +// function modalClose(buttonElement) { +// let modal = document.querySelector('.modal'), +// aside = document.querySelector('.modal__aside'), +// asideItems = document.querySelectorAll('.modal__item'), +// elements = document.querySelectorAll(buttonElement); + +// elements.forEach(e => { +// e.onclick = function () { +// aside.style.width = '0px'; - asideItems.forEach(e => { - if (e.classList.contains('active')) { - e.style.filter = 'blur(10px)'; - } - }); - - setTimeout(() => { - asideItems.forEach(e => { - if (e.classList.contains('active')) { - e.classList.remove('active'); - } - }); - - modal.classList.remove('active'); - console.log('Модальное окно закрыто через кнопку', buttonElement); - }, 300); - } - }) -} - -function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) { - let elements = document.querySelectorAll(mainElement); - - elements.forEach(e => { - let thisMainElement = e, - thisButtonElement = e.querySelector(buttonElement), - thisHeightElement = e.querySelector(heightElement), - thisContentElement = e.querySelector(contentElement); - - thisButtonElement.onclick = function (e) { - let height = thisHeightElement.clientHeight; - console.log('toggleOpenX', mainElement, 'active:', thisMainElement.classList.contains('active')); - if (close == true && !thisMainElement.classList.contains('active')) { - elements.forEach(e => { - if (e.classList.contains('active')) { - e.classList.remove('active'); - e.querySelector(contentElement).style.height = null - } - }) - } - - if (!thisMainElement.classList.contains('active')) { - thisContentElement.style.height = `${height}px`; - thisMainElement.classList.add('active'); - console.log('toggleOpenX открыт', mainElement); - }else{ - thisContentElement.style.height = null; - thisMainElement.classList.remove('active'); - console.log('toggleOpenX закрыт', mainElement); - } - } +// asideItems.forEach(e => { +// if (e.classList.contains('active')) { +// e.style.filter = 'blur(10px)'; +// } +// }); + +// setTimeout(() => { +// asideItems.forEach(e => { +// if (e.classList.contains('active')) { +// e.classList.remove('active'); +// } +// }); + +// modal.classList.remove('active'); +// }, 300); +// } +// }) +// } + +// function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, close) { +// let elements = document.querySelectorAll(mainElement); + +// elements.forEach(e => { +// let thisMainElement = e, +// thisButtonElement = e.querySelector(buttonElement), +// thisHeightElement = e.querySelector(heightElement), +// thisContentElement = e.querySelector(contentElement); + +// thisButtonElement.onclick = function (e) { +// let height = thisHeightElement.clientHeight; +// if (close == true && !thisMainElement.classList.contains('active')) { +// elements.forEach(e => { +// if (e.classList.contains('active')) { +// e.classList.remove('active'); +// e.querySelector(contentElement).style.height = null +// } +// }) +// } + +// if (!thisMainElement.classList.contains('active')) { +// thisContentElement.style.height = `${height}px`; +// thisMainElement.classList.add('active'); +// }else{ +// thisContentElement.style.height = null; +// thisMainElement.classList.remove('active'); +// } +// } - }); -} - -function toggleHeader(button, content, blockheight, removeBlock, removeClass) { - let thisButton = document.querySelector(button), - thisContent = document.querySelector(content), - thisRemoveBlock = document.querySelector(removeBlock) || '', - thisBlockheight = document.querySelector(blockheight); - - thisButton.onclick = function () { - let height = thisBlockheight.clientHeight; - console.log('toggleHeader', button, 'active:', thisContent.classList.contains('open')); - if (!thisContent.classList .contains('open')) { - thisContent.style.height = `${height}px`; - thisContent.classList .add('open'); - - if (removeBlock) { - thisRemoveBlock.classList.remove(removeClass); - } - }else{ - thisContent.style.height = null; - thisContent.classList .remove('open'); - - if (removeBlock) { - if (window.scrollY <= 25) { - thisRemoveBlock.classList.add(removeClass); - } - } - } - } -} +// }); +// } + +// function toggleHeader(button, content, blockheight, removeBlock, removeClass) { +// let thisButton = document.querySelector(button), +// thisContent = document.querySelector(content), +// thisRemoveBlock = document.querySelector(removeBlock) || '', +// thisBlockheight = document.querySelector(blockheight); + +// thisButton.onclick = function () { +// let height = thisBlockheight.clientHeight; +// if (!thisContent.classList .contains('open')) { +// thisContent.style.height = `${height}px`; +// thisContent.classList .add('open'); + +// if (removeBlock) { +// thisRemoveBlock.classList.remove(removeClass); +// } +// }else{ +// thisContent.style.height = null; +// thisContent.classList .remove('open'); + +// if (removeBlock) { +// if (window.scrollY <= 25) { +// thisRemoveBlock.classList.add(removeClass); +// } +// } +// } +// } +// } // function -// resize -window.addEventListener('resize', (e) => { - let width = window.screen.width; - console.log('resize', width); - // media - modalOpen('.button--filter', '.modal__filter'); - modalOpen('.basket-open', '.modal__basket'); - modalOpen('.open-to-know', '.modal__to-know'); - modalClose('.modal__close'); +// // resize +// window.addEventListener('resize', (e) => { +// let width = window.screen.width; +// // media +// modalOpen('.button--filter', '.modal__filter'); +// modalOpen('.basket-open', '.modal__basket'); +// modalOpen('.open-to-know', '.modal__to-know'); +// modalClose('.modal__close'); - let modalItem = document.querySelectorAll('.modal__item'); +// let modalItem = document.querySelectorAll('.modal__item'); - // if (width <= 720) { - modalItem.forEach(modal => { - if (modal.classList.contains('active')) { - let aside = document.querySelector('.modal__aside'); +// 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; +// if (width <= 720) { +// aside.style.width = `${width}px` +// }else{ +// let openAside = document.querySelector('.modal__item.active'), +// newWidth = openAside.clientWidth; - aside.style.width = `${newWidth}px` - } - console.log('resize modal aside', aside.style.width); - } - }) - // } -}); -// resize +// aside.style.width = `${newWidth}px` +// } +// } +// }) +// }); +// // resize // scroll @@ -350,7 +292,6 @@ if (document.querySelector('.header').classList.contains('white')) { window.addEventListener("scroll", function (e) { let header = document.querySelector('.header'); let scroll = window.scrollY; - console.log('scroll', scroll); if (scroll >= 25) { header.classList.remove('white') }else{ @@ -360,3 +301,4 @@ if (document.querySelector('.header').classList.contains('white')) { }); } // scroll + diff --git a/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig b/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig index 248ed2f..c1bc729 100644 --- a/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig +++ b/wp-content/themes/cosmopet/modules/shop/components/single-product/component-template.twig @@ -1,4 +1,4 @@ - +{% set current_path = template_path ~ '/modules/shop/components/single-product' %} {% set bodyClass = 'bg-white' %} @@ -259,7 +259,7 @@ - +

{% set recommended_products = function('get_field', 'recommended_products', product.id) %} {% set related_products = recommended_products ? recommended_products : function('wc_get_related_products', product.id, 4) %} {% if related_products %} @@ -406,6 +406,7 @@
{% endif %} +
- {% endif %}
@@ -15,7 +18,7 @@

{{ fn ('pll_e', 'Узнать о поступлении') }}