Moji osobni podaci

🚚 BESPLATNA EKOLOŠKA DOSTAVA ZA NARUDŽBE IZNAD 50 € 🚚
🎁🧦 BESPLATNE SWEET SOCKS ZA NARUDŽBE IZNAD 150 € 🧦🎁

console.log(‘Script za izbornik ladice učitana (Liquid pristup)’);

// Funkcije otvaranja/zatvaranja ladice
function openDrawer() {
console.log(‘Otvaranje ladice’);
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(‘Zatvaranje ladice’);
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'); } // Ponovno postavljanje na glavnu sliku pri zatvaranju resetToMainSlide(); } // Navigacija između slajdova function navigateToSlide(targetSlideId) { console.log('Prelazak na slajd:', targetSlideId); // Sakrij trenutni aktivni slajd 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'); } } // Prikaži odredišni klizač const targetSlide = document.querySelector(`[data-slide="${targetSlideId}"]`); if (targetSlide) { targetSlide.classList.add('active'); targetSlide.classList.remove('slide-out'); } } function navigateBack(targetSlideId) { console.log('Povratak na:', targetSlideId); // Sakrij trenutni slajd const currentSlide = document.querySelector('.drawer-menu__slide.active'); if (currentSlide) { currentSlide.classList.remove('active'); } // Prikaži ciljani klizač 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('Ponovno postavljanje na glavni slajd'); // Sakrij sve slajdove document.querySelectorAll('.drawer-menu__slide').forEach(slide => {
slide.classList.remove(‘active’, ‘slide-out’);
});

// Prikaži glavni slajd
const mainSlide = document.querySelector(‘[data-slide=”main”]’);
if (mainSlide) {
mainSlide.classList.add(‘drawer-menu__slide–main’);
}
}

// Inicijalizacija kada je DOM spreman
document.addEventListener(‘DOMContentLoaded’, function() {
console.log(‘DOMContentLoaded – inicijalizacija izvučivog izbornika (Liquid pristup)’);

// Obrađivanje gumba za mobilno izbornik
const menuButton = document.querySelector(‘[data-action=”open-menu-drawer”]’);
console.log(‘Pronađen gumb izbornika:’, !!menuButton);

if (menuButton) {
menuButton.addEventListener(‘click’, function(e) {
e.preventDefault();
console.log(‘Kliknuto gumbom izbornika’);

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

// Obrađivanje navigacijskih gumba (data-navigate-to)
document.querySelectorAll(‘[data-navigate-to]’).forEach(function(button) {
const targetSlideId = button.getAttribute(‘data-navigate-to’);
console.log(‘Dodavanje slušatelja za navigaciju za:’, targetSlideId);

button.addEventListener(‘click’, function(e) {
e.preventDefault();
console.log(‘Kliknuto gumbom za navigaciju:’, targetSlideId);
navigateToSlide(targetSlideId);
});
});

// Obradi tipke za povratak (data-back-to)
document.querySelectorAll(‘[data-back-to]’).forEach(function(button) {
const targetSlideId = button.getAttribute(‘data-back-to’);
console.log(‘Dodavanje slušatelja za gumb za povratak za:’, targetSlideId);

button.addEventListener(‘click’, function(e) {
e.preventDefault();
console.log(‘Kliknut gumb za povratak, idemo na:’, targetSlideId);
navigateBack(targetSlideId);
});
});
});