🚚 NEMOKAMAS EKOLOGIŠKAS PRISTATYMAS, JEI PIRKIMŲ VERTĖ VIRŠIJA 50 € 🚚
🎁🧦 DOVANOS „SWEETSOCKS“ NUO 150 € 🧦🎁
console.log(‘Drawer menu script loaded (Liquid approach)’);
// Drawer atidarymo/uždarymo funkcijos
function openDrawer() {
console.log(‘Atidaromas išskleidžiamas meniu’);
const drawerElement = document.querySelector(‘.drawer-menu’);
drawerElement.classList.add(‘drawer-menu–open’);
document.querySelector(‘body’).classList.add(‘overflow-hidden’);
document.querySelector(‘.header’).classList.add(‘active’, ‘drawer-menu-opened’);
}
function closeDrawer() {
console.log(‘Uždaroma išskleidžiama meniu juosta’);
const drawerElement = document.querySelector(‘.drawer-menu’);
drawerElement.classList.remove(‘drawer-menu–open’);
document.querySelector(‘body’).classList.remove(‘overflow-hidden’);
const header = document.querySelector(‘.header’);
header.classList.remove(‘drawer-menu-opened’);
if (window.scrollY < 28) { header.classList.remove('active'); } // Uždarymo metu grįžti į pagrindinį skaidrę resetToMainSlide(); } // Perėjimas tarp skaidrių function navigateToSlide(targetSlideId) { console.log('Navigating to slide:', targetSlideId); // Paslėpti dabartinį aktyvų skaidrę const currentSlide = document.querySelector('.drawer-menu__slide.active, .drawer-menu__slide--main:not(.slide-out)'); if (currentSlide) { currentSlide.classList.add('slide-out'); if (currentSlide.classList.contains('drawer-menu__slide--main')) { currentSlide.classList.remove('drawer-menu__slide--main'); } else { currentSlide.classList.remove('active'); } } // Rodyti tikslinį skaidrę const targetSlide = document.querySelector(`[data-slide="${targetSlideId}"]`); if (targetSlide) { targetSlide.classList.add('active'); targetSlide.classList.remove('slide-out'); } } function navigateBack(targetSlideId) { console.log('Grįžtama į:', targetSlideId); // Paslėpti esamą skaidrę const currentSlide = document.querySelector('.drawer-menu__slide.active'); if (currentSlide) { currentSlide.classList.remove('active'); } // Rodyti tikslinį skaidrę const targetSlide = document.querySelector(`[data-slide="${targetSlideId}"]`); if (targetSlide) { if (targetSlideId === 'main') { targetSlide.classList.add('drawer-menu__slide--main'); } else { targetSlide.classList.add('active'); } targetSlide.classList.remove('slide-out'); } } function resetToMainSlide() { console.log('Grįžimas prie pagrindinio skaidrio'); // Paslėpti visus skaidrius document.querySelectorAll('.drawer-menu__slide').forEach(slide => { slide.classList.remove('active', 'slide-out'); }); // Rodyti pagrindinį skaidrę const mainSlide = document.querySelector('[data-slide="main"]'); if (mainSlide) { mainSlide.classList.add('drawer-menu__slide--main'); } } // Inicijuoti, kai DOM yra paruoštas document.addEventListener('DOMContentLoaded', function() { console.log('DOMContentLoaded - inicijuojamas išskleidžiamas meniu (Liquid metodas)'); // Tvarkyti mobiliojo meniu mygtuką const menuButton = document.querySelector('[data-action="open-menu-drawer"]'); console.log('Rastas meniu mygtukas:', !!menuButton); if (menuButton) { menuButton.addEventListener('click', function(e) { e.preventDefault(); console.log('Paspauskite meniu mygtuką'); const drawerElement = document.querySelector('.drawer-menu'); if (drawerElement.classList.contains('drawer-menu--open')) { closeDrawer(); } else { openDrawer(); } }); } // Tvarkyti navigacijos mygtukus (data-navigate-to) document.querySelectorAll('[data-navigate-to]').forEach(function(button) { const targetSlideId = button.getAttribute('data-navigate-to'); console.log('Pridedamas navigacijos klausytojas:', targetSlideId); button.addEventListener('click', function(e) { e.preventDefault(); console.log('Navigacijos mygtukas paspaustas:', targetSlideId); navigateToSlide(targetSlideId); }); }); // Tvarkyti grįžimo mygtukus (data-back-to) document.querySelectorAll('[data-back-to]').forEach(function(button) { const targetSlideId = button.getAttribute('data-back-to'); console.log('Pridedamas grįžimo mygtuko klausytojas:', targetSlideId); button.addEventListener('click', function(e) { e.preventDefault(); console.log('Paspaustas grįžimo mygtukas, einame į:', targetSlideId); navigateBack(targetSlideId); }); }); });