Apklausa

🚚 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 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);
});
});
});