🚚 DOPRAVA ZADARMO PRI NÁKUPE OD 50 € 🚚
🎁🧦 PÁR PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNSKYCH PÁNS
console.log(‘Skript rozbaľovacieho menu načítaný (prístup Liquid)’);
// Funkcie otvárania/zatvárania zásuvky
function openDrawer() {
console.log(‘Otváranie zásuvky’);
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(‘Zatváranie zásuvky’);
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'); } // Pri zatvorení sa vráti na hlavnú snímku resetToMainSlide(); } // Navigácia medzi snímkami function navigateToSlide(targetSlideId) { console.log('Prechod na snímku:', targetSlideId); // Skryť aktuálny aktívny snímok 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'); } } // Zobrazi cieľovú snímku const targetSlide = document.querySelector(`[data-slide="${targetSlideId}"]`); if (targetSlide) { targetSlide.classList.add('active'); targetSlide.classList.remove('slide-out'); } } function navigateBack(targetSlideId) { console.log('Navigácia späť na:', targetSlideId); // Skryť aktuálny snímok const currentSlide = document.querySelector('.drawer-menu__slide.active'); if (currentSlide) { currentSlide.classList.remove('active'); } // Zobrazi cieľovú snímku 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('Resetting to main slide'); // Skryť všetky snímky document.querySelectorAll('.drawer-menu__slide').forEach(slide => { slide.classList.remove('active', 'slide-out'); }); // Zobraziť hlavnú snímku const mainSlide = document.querySelector('[data-slide="main"]'); if (mainSlide) { mainSlide.classList.add('drawer-menu__slide--main'); } } // Inicializovať, keď je DOM pripravený document.addEventListener('DOMContentLoaded', function() { console.log('DOMContentLoaded - inicializácia rozbaľovacieho menu (prístup Liquid)'); // Spracovať tlačidlo mobilného menu const menuButton = document.querySelector('[data-action="open-menu-drawer"]'); console.log('Tlačidlo menu nájdené:', !!menuButton); if (menuButton) { menuButton.addEventListener('click', function(e) { e.preventDefault(); console.log('Tlačidlo menu bolo kliknuté'); const drawerElement = document.querySelector('.drawer-menu'); if (drawerElement.classList.contains('drawer-menu--open')) { closeDrawer(); } else { openDrawer(); } }); } // Spracovanie navigačných tlačidiel (data-navigate-to) document.querySelectorAll('[data-navigate-to]').forEach(function(button) { const targetSlideId = button.getAttribute('data-navigate-to'); console.log('Pridávanie poslucháča navigácie pre:', targetSlideId); button.addEventListener('click', function(e) { e.preventDefault(); console.log('Kliknutie na navigačné tlačidlo:', targetSlideId); navigateToSlide(targetSlideId); }); }); // Spracovanie tlačidiel späť (data-back-to) document.querySelectorAll('[data-back-to]').forEach(function(button) { const targetSlideId = button.getAttribute('data-back-to'); console.log('Pridávanie poslucháča tlačidla späť pre:', targetSlideId); button.addEventListener('click', function(e) { e.preventDefault(); console.log('Kliknutie na tlačidlo Späť, prechod na:', targetSlideId); navigateBack(targetSlideId); }); }); });