View Cart document.addEventListener("DOMContentLoaded", function() { let loading = false; let page = 2; let maxPages = 0; const grid = document.getElementById("product-grid"); const spinner = document.getElementById("loading-spinner"); if (!grid) return; function loadMoreProducts() { if (loading || page > maxPages) return; loading = true; // 🔥 Show spinner spinner.classList.remove("hidden"); fetch(window.location.pathname + '?paged=' + page) .then(res => res.text()) .then(data => { const parser = new DOMParser(); const doc = parser.parseFromString(data, "text/html"); const newProducts = doc.querySelectorAll("#product-grid > div"); newProducts.forEach(product => { product.style.opacity = "0"; grid.appendChild(product); // smooth fade-in setTimeout(() => { product.style.transition = "opacity 0.4s ease"; product.style.opacity = "1"; }, 50); }); page++; loading = false; // 🔥 Hide spinner spinner.classList.add("hidden"); }); } window.addEventListener("scroll", function() { if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 300) { loadMoreProducts(); } }); });