Gloss & Shine – Page 3 – BeautyWellness.ca

Rewards

document.addEventListener('DOMContentLoaded', function () { // Set the maximum allowed quantity per product in the collection const maxQuantity = 3; // Specify the handle for the "Door Crasher Deals" collection const doorCrasherCollection = "door-crasher-deals"; // Fetch all products in the "Door Crasher Deals" collection fetch(`/collections/${doorCrasherCollection}/products.json`) .then(response => response.json()) // Parse the JSON response .then(data => { // Extract product IDs from the collection const productIds = data.products.map(product => product.id.toString()); // Add event listeners to all quantity input fields on the cart page document.querySelectorAll('.quantity-input').forEach(input => { input.addEventListener('change', function (e) { // Get the product ID associated with the cart item const productId = e.target.closest('[data-cart-item-id]').dataset.cartItemId; // Check if the product is part of the "Door Crasher Deals" collection if (productIds.includes(productId)) { // If the quantity exceeds the maximum allowed, show an alert if (e.target.value > maxQuantity) { alert(`You can only add up to ${maxQuantity} items from the "Door Crasher Deals" collection.`); // Reset the quantity input to the maximum allowed value e.target.value = maxQuantity; } } }); }); }) .catch(error => { // Handle errors, such as issues with fetching the collection data console.error("Error fetching 'Door Crasher Deals' products:", error); }); });