Блог

document.addEventListener("DOMContentLoaded", function () { /* ===== HERO — вставка ПІСЛЯ "Хіти продажу" ===== */ const isHome = window.location.pathname === "/" || window.location.pathname === ""; if (isHome && !document.querySelector('.yz-hero')) { const hero = document.createElement('div'); hero.className = 'yz-hero'; hero.innerHTML = `

Підбір акумуляторів та інверторів

Допоможемо підібрати рішення під вашу задачу швидко і без переплат

Вибір акумуляторів

⚡ Готові рішення

🔋 Підбір під задачу

💬 Швидка відповідь

		Количество	Стоимость

Итого 0 грн Оформить заказ

`; /* Знаходимо секцію "Хіти продажу" і вставляємо hero ПІСЛЯ неї */ const promo = document.querySelector('section.promo, .promo-container, .catalogTabs'); const main = document.querySelector('main'); if (promo && promo.closest('section')) { promo.closest('section').after(hero); } else if (main) { main.append(hero); } } /* ===== МОДАЛЬНЕ ВІКНО ===== */ const modal = document.getElementById('yzModal'); const modalClose = document.getElementById('yzModalClose'); const floatBtn = document.getElementById('yzContactBtn'); function openModal() { modal && modal.classList.add('active'); } function closeModal() { modal && modal.classList.remove('active'); } if (floatBtn) floatBtn.addEventListener('click', openModal); if (modalClose) modalClose.addEventListener('click', closeModal); document.addEventListener('click', function(e) { if (e.target && e.target.id === 'yzHeroConsult') openModal(); if (e.target === modal) closeModal(); }); document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeModal(); }); /* ===== ПІДМЕНЮ — виправлення виходу за правий край ===== */ function fixSubmenus() { document.querySelectorAll('.productsMenu-submenu').forEach(function(sub) { const rect = sub.getBoundingClientRect(); if (rect.right > window.innerWidth - 10) { sub.classList.add('yz-flip-left'); } }); } document.querySelectorAll('.products-menu__item').forEach(function(item) { item.addEventListener('mouseenter', function() { setTimeout(fixSubmenus, 50); }); }); /* ===== ПЛАВНА ПОЯВА ===== */ const animEls = document.querySelectorAll('main section, .yz-hero'); animEls.forEach(el => el.classList.add('yz-animate')); const observer = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('show'); }); }, { threshold: 0.12 }); animEls.forEach(el => observer.observe(el)); });