GIÀY & DÉP DA NAM– TheGioiGiayDep.Online

Miễn phí giao hàng tất cả đơn hàng

Trả đổi hàng với bất kỳ lý do gì

Ưu đãi theo cấp bậc hạng thành viên

Sản phẩm chính hãng

0₫

document.addEventListener("DOMContentLoaded", function () { const searchInput = document.getElementById("product-search-input"); const priceFilter = document.getElementById("price-filter"); const brandFilter = document.getElementById("brand-filter"); const productCards = document.querySelectorAll(".product-card"); const comparePopup = document.getElementById("compare-popup"); const compareButtons = document.querySelectorAll(".compare-button"); let compareList = []; function filterProducts() { const keyword = searchInput.value.toLowerCase(); const brand = brandFilter.value; const priceSort = priceFilter.value; let products = Array.from(productCards); products.forEach(card => { const title = card.dataset.title.toLowerCase(); const vendor = card.dataset.vendor; const price = parseFloat(card.dataset.price); let show = true; if (keyword && !title.includes(keyword)) show = false; if (brand !== "all" && vendor !== brand) show = false; card.style.display = show ? "block" : "none"; }); if (priceSort !== "all") { const container = document.querySelector(".collection-wrap-product-list"); let sorted = products.sort((a, b) => { const pa = parseFloat(a.dataset.price); const pb = parseFloat(b.dataset.price); return priceSort === "low-high" ? pa - pb : pb - pa; }); sorted.forEach(p => container.appendChild(p)); } } searchInput.addEventListener("input", filterProducts); priceFilter.addEventListener("change", filterProducts); brandFilter.addEventListener("change", filterProducts); // Compare button compareButtons.forEach(button => { button.addEventListener("click", () => { const data = JSON.parse(button.dataset.product); if (!compareList.find(p => p.handle === data.handle)) { compareList.push(data); } renderComparePopup(); }); }); function renderComparePopup() { comparePopup.innerHTML = `

So sánh sản phẩm

${p.title}
${p.price}

`; } });

back-to-top