document.addEventListener("DOMContentLoaded", function () {
console.log("Mini cart observer script loaded");
const miniCart = document.querySelector(".cart");
const cartForm = document.querySelector(".cart__form");
const cartCloseButton = document.querySelector(".cart__close");
if (!miniCart || !cartForm) {
console.error("Mini cart or cart form not found.");
return;
}
function keepMiniCartOpen() {
console.log("Keeping mini cart open...");
miniCart.classList.add("cart--open");
miniCart.style.display = "block";
}
// Detect when an item is added to cart
document.addEventListener("click", function (event) {
if (event.target.closest(".product-form__add-button")) {
console.log("Product added to cart, keeping mini cart open...");
setTimeout(keepMiniCartOpen, 500); // Delay to ensure UI updates
}
});
// Observe cart changes and keep it open
const observer = new MutationObserver((mutations) => {
console.log("Cart updated, ensuring mini cart stays open...");
keepMiniCartOpen();
});
observer.observe(cartForm, { childList: true, subtree: true });
// Allow manual closing by user
if (cartCloseButton) {
cartCloseButton.addEventListener("click", function () {
console.log("Mini cart manually closed.");
miniCart.classList.remove("cart--open");
});
}
});