CriptoMart/addons-cm
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

[FIX] website_sale_aplicoop: ensure add-to-cart on infinite scroll

Browse source
This commit is contained in:
snt 2026-03-05 18:57:10 +01:00
parent eaedf0b421
commit 9c14e1dc1a
1 changed files with 73 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

133
website_sale_aplicoop/static/src/js/website_sale.js
View file

@ -694,6 +694,70 @@
return; return;
} }
// Shared handler for add-to-cart to reuse across grid/document listeners
var handleAddToCart = function (e) {
var cartBtn = e.target.closest(".add-to-cart-btn");
if (!cartBtn) return;
e.preventDefault();
var form = cartBtn.closest(".add-to-cart-form");
if (!form) return;
var productId = form.getAttribute("data-product-id");
var productName = form.getAttribute("data-product-name") || "Product";
var productPrice = parseFloat(form.getAttribute("data-product-price")) || 0;
var quantityInput = form.querySelector(".product-qty");
var quantity = quantityInput ? parseFloat(quantityInput.value) : 1;
// Block add-to-cart if product is flagged out of stock (from template)
var isOutOfStock =
(form.getAttribute("data-out-of-stock") || "false") === "true" ||
(cartBtn.getAttribute("data-out-of-stock") || "false") === "true";
// Fallback guards in case cached markup drops the data attribute
if (!isOutOfStock) {
var btnTitle = (cartBtn.getAttribute("title") || "").toLowerCase();
var btnAria = (cartBtn.getAttribute("aria-label") || "").toLowerCase();
var iconEl = cartBtn.querySelector("i");
var hasBanIcon = iconEl && iconEl.classList.contains("fa-ban");
if (
hasBanIcon ||
btnTitle.includes("out of stock") ||
btnTitle.includes("sin stock") ||
btnAria.includes("out of stock") ||
btnAria.includes("sin stock")
) {
isOutOfStock = true;
}
}
if (isOutOfStock) {
var labels = self._getLabels();
self._showNotification(
labels.out_of_stock || "Product is out of stock",
"warning"
);
return;
}
console.log("Adding:", {
productId: productId,
productName: productName,
productPrice: productPrice,
quantity: quantity,
});
if (quantity > 0) {
self._addToCart(productId, productName, productPrice, quantity);
} else {
var labels2 = self._getLabels();
self._showNotification(
labels2.invalid_quantity || "Please enter a valid quantity",
"warning"
);
}
};
// First, adjust quantity steps for all existing inputs // First, adjust quantity steps for all existing inputs
var unitInputs = document.querySelectorAll(".product-qty"); var unitInputs = document.querySelectorAll(".product-qty");
console.log("=== ADJUSTING QUANTITY STEPS (from data-quantity-step) ==="); console.log("=== ADJUSTING QUANTITY STEPS (from data-quantity-step) ===");
@ -779,67 +843,16 @@
} }
}); });
// Add to cart button (via event delegation) // Add to cart button (via event delegation on grid)
productsGrid.addEventListener("click", function (e) { productsGrid.addEventListener("click", handleAddToCart);
var cartBtn = e.target.closest(".add-to-cart-btn");
if (!cartBtn) return;
e.preventDefault(); // Also attach a document-level delegation as fallback for dynamically
var form = cartBtn.closest(".add-to-cart-form"); // inserted products (infinite scroll) in case the grid listener is lost
var productId = form.getAttribute("data-product-id"); // after DOM replacement.
var productName = form.getAttribute("data-product-name") || "Product"; if (!this._docCartListenerAttached) {
var productPrice = parseFloat(form.getAttribute("data-product-price")) || 0; document.addEventListener("click", handleAddToCart, true);
var quantityInput = form.querySelector(".product-qty"); this._docCartListenerAttached = true;
var quantity = quantityInput ? parseFloat(quantityInput.value) : 1; }
// Block add-to-cart if product is flagged out of stock (from template)
var isOutOfStock =
(form.getAttribute("data-out-of-stock") || "false") === "true" ||
(cartBtn.getAttribute("data-out-of-stock") || "false") === "true";
// Fallback guards in case cached markup drops the data attribute
if (!isOutOfStock) {
var btnTitle = (cartBtn.getAttribute("title") || "").toLowerCase();
var btnAria = (cartBtn.getAttribute("aria-label") || "").toLowerCase();
var iconEl = cartBtn.querySelector("i");
var hasBanIcon = iconEl && iconEl.classList.contains("fa-ban");
if (
hasBanIcon ||
btnTitle.includes("out of stock") ||
btnTitle.includes("sin stock") ||
btnAria.includes("out of stock") ||
btnAria.includes("sin stock")
) {
isOutOfStock = true;
}
}
if (isOutOfStock) {
var labels = self._getLabels();
self._showNotification(
labels.out_of_stock || "Product is out of stock",
"warning"
);
return;
}
console.log("Adding:", {
productId: productId,
productName: productName,
productPrice: productPrice,
quantity: quantity,
});
if (quantity > 0) {
self._addToCart(productId, productName, productPrice, quantity);
} else {
var labels = self._getLabels();
self._showNotification(
labels.invalid_quantity || "Please enter a valid quantity",
"warning"
);
}
});
}, },
_addToCart: function (productId, productName, productPrice, quantity) { _addToCart: function (productId, productName, productPrice, quantity) {