${product.name}
`;
searchSuggestions.appendChild(item);
});
searchSuggestions.style.display = 'block';
} else {
searchSuggestions.style.display = 'none';
}
});
} else {
searchSuggestions.style.display = 'none';
}
});
document.addEventListener('click', function (e) {
if (!liveSearch.contains(e.target)) {
searchSuggestions.style.display = 'none';
}
});
/* ================================
đą Highlight Active Mobile Menu
================================ */
const links = document.querySelectorAll('.mobile-menu-link');
const current = window.location.pathname;
links.forEach(link => {
if (link.getAttribute('href') && current.includes(link.getAttribute('href'))) {
link.classList.add('active');
}
});
/* ================================
đą Mobile Menu Toggle Button
================================ */
const menuBtn = document.getElementById('mobileMenuBtn');
const mobileMenu = document.getElementById('mobileMenu');
menuBtn.addEventListener('click', () => {
mobileMenu.style.display = (mobileMenu.style.display === 'block') ? 'none' : 'block';
});
document.addEventListener('click', function (event) {
if (!menuBtn.contains(event.target) && !mobileMenu.contains(event.target)) {
mobileMenu.style.display = 'none';
}
});
/* ================================
đ Hamburger Menu Toggle
================================ */
document.querySelectorAll('#mobileMenu a').forEach(link => {
link.addEventListener('click', () => {
document.getElementById('mobileMenu').style.display = 'none';
});
});
/* ================================
đ Mobile Category Dropdown
================================ */