Choosing a selection results in a full page refresh.
Opens in a new window.
document.addEventListener("DOMContentLoaded", function () {
function validateCart() {
fetch('/cart.js')
.then(response => response.json())
.then(cart => {
let totalQuantity = cart.item_count;
let allowedQuantities = [3, 6, 12];
let checkoutButton = document.querySelector('[name="checkout"]');
if (!allowedQuantities.includes(totalQuantity)) {
alert("You can only order 3, 6, or 12 items in total.");
if (checkoutButton) checkoutButton.disabled = true;
} else {
if (checkoutButton) checkoutButton.disabled = false;
}
});
}
// Run validation when cart updates
document.addEventListener("change", function (event) {
if (event.target.closest(".cart__quantity-input")) {
setTimeout(validateCart, 500);
}
});
// Initial validation check
validateCart();
});