sweetplaid-club

🚚 KOSTENLOSE ECO-LIEFERUNG AB 50 € 🚚
🎁🧦 SWEETSOCKS GRATIS AB 150 € 🧦🎁

console.log(‚Drawer-Menü-Skript geladen (Liquid-Ansatz)‘);

// Funktionen zum Öffnen/Schließen des Drawer-Menüs
function openDrawer() {
console.log(‚Drawer wird geöffnet‘);
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(‚Schublade wird geschlossen‘);
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'); } // Beim Schließen auf Hauptfolie zurücksetzen resetToMainSlide(); } // Navigation zwischen den Folien function navigateToSlide(targetSlideId) { console.log('Navigiere zu Folie:', targetSlideId); // Aktuelle aktive Folie ausblenden 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'); } } // Zielfolie anzeigen const targetSlide = document.querySelector(`[data-slide="${targetSlideId}"]`); if (targetSlide) { targetSlide.classList.add('active'); targetSlide.classList.remove('slide-out'); } } function navigateBack(targetSlideId) { console.log('Zurück zu:', targetSlideId); // Aktuelle Folie ausblenden const currentSlide = document.querySelector('.drawer-menu__slide.active'); if (currentSlide) { currentSlide.classList.remove('active'); } // Zielfolie anzeigen 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('Zurücksetzen auf Hauptfolie'); // Alle Folien ausblenden document.querySelectorAll('.drawer-menu__slide').forEach(slide => {
slide.classList.remove(‚active‘, ’slide-out‘);
});

// Hauptfolie anzeigen
const mainSlide = document.querySelector(‚[data-slide=“main“]‘);
if (mainSlide) {
mainSlide.classList.add(‚drawer-menu__slide–main‘);
}
}

// Initialisieren, sobald das DOM bereit ist
document.addEventListener(‚DOMContentLoaded‘, function() {
console.log(‚DOMContentLoaded – Initialisierung des Drawer-Menüs (Liquid-Ansatz)‘);

// Mobile-Menü-Schaltfläche verarbeiten
const menuButton = document.querySelector(‚[data-action=“open-menu-drawer“]‘);
console.log(‚Menü-Schaltfläche gefunden:‘, !!menuButton);

if (menuButton) {
menuButton.addEventListener(‚click‘, function(e) {
e.preventDefault();
console.log(‚Menü-Button angeklickt‘);

const drawerElement = document.querySelector(‚.drawer-menu‘);
if (drawerElement.classList.contains(‚drawer-menu–open‘)) {
closeDrawer();
} else {
openDrawer();
}
});
}

// Navigationsschaltflächen verarbeiten (data-navigate-to)
document.querySelectorAll(‚[data-navigate-to]‘).forEach(function(button) {
const targetSlideId = button.getAttribute(‚data-navigate-to‘);
console.log(‚Navigations-Listener hinzufügen für:‘, targetSlideId);

button.addEventListener(‚click‘, function(e) {
e.preventDefault();
console.log(‚Navigationsschaltfläche angeklickt:‘, targetSlideId);
navigateToSlide(targetSlideId);
});
});

// Zurück-Schaltflächen verarbeiten (data-back-to)
document.querySelectorAll(‚[data-back-to]‘).forEach(function(button) {
const targetSlideId = button.getAttribute(‚data-back-to‘);
console.log(‚Hinzufügen eines Listeners für die Zurück-Schaltfläche für:‘, targetSlideId);

button.addEventListener(‚click‘, function(e) {
e.preventDefault();
console.log(‚Zurück-Button angeklickt, gehe zu:‘, targetSlideId);
navigateBack(targetSlideId);
});
});
});