Nhất Leather
Giá sản phẩm
-
-
-
-
-
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
${compareList.map(p => `
-
${p.title}
${p.price}
`).join('')}
`;
}
});
