function updateCartUI(cartDetails) { let items = cartDetails.items; let hasJWCRUMembership = items.some(item => item.handle === 'jw-cru-membership'); let atcButton = document.querySelector('[data-productid="7557131567284"] .product-form--atc-button'); let cruWrapper = document.querySelector('.cru-wrapper'); let productPricing = document.querySelector('#product_form_7557131567284 .product-pricing'); if (atcButton && cruWrapper && productPricing) { if (hasJWCRUMembership) { atcButton.classList.add("unavailable_item_cta", "ctanew"); cruWrapper.classList.add("displaynone"); // Save handle in cookie document.cookie = "jwCruMembershipInCart=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/"; // Hide product pricing using class productPricing.classList.add("hidden"); } else { atcButton.classList.remove("unavailable_item_cta", "ctanew"); cruWrapper.classList.remove("displaynone"); // Remove cookie if exists document.cookie = "jwCruMembershipInCart=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/"; // Show product pricing using class productPricing.classList.remove("hidden"); } } else { console.error('Required elements not found in the DOM.'); } } function fetchCartDetailsAndUpdateUI() { fetch('/cart.js') .then(response => response.json()) .then(cart => { updateCartUI(cart); }) .catch(error => console.error('Error fetching cart details:', error)); } // Ensure DOM is fully loaded before fetching cart details document.addEventListener('DOMContentLoaded', function() { fetchCartDetailsAndUpdateUI(); // Check if cookie exists and adjust UI accordingly let jwCruMembershipInCart = getCookie("jwCruMembershipInCart"); if (jwCruMembershipInCart === "true") { let productPricing = document.querySelector('#product_form_7557131567284 .product-pricing'); if (productPricing) { productPricing.classList.add("hidden"); } } }); // Fetch cart details on popstate (handling browser navigation) window.addEventListener('popstate', function() { fetchCartDetailsAndUpdateUI(); }); // Call the function on cart edit without delay corner.on("onCartEdit", (params) => { updateCartUI(params.cartDetails); }); // Function to retrieve cookie value by name function getCookie(name) { let cookieValue = ""; const cookies = document.cookie.split(';'); cookies.forEach(cookie => { const [cookieName, value] = cookie.trim().split('='); if (cookieName === name) { cookieValue = decodeURIComponent(value); } }); return cookieValue; } document.addEventListener("DOMContentLoaded", function () { const targetDiv = document.querySelector('[data-product-id="7850512974004"] #corner-cowi-cart-item-list-item-info-remove-btn-0'); document.querySelector('.corner-widget-wrapper') .addEventListener('click', function (event) { if (event.target.closest('#corner-cowi-open-wrapper #corner-cowi-cart-item-list .corner-cowi-cart-item[data-variant-id="7850512974004"]')) { document.body.classList.remove('cruvisible'); localStorage.setItem('cruvisible', 'false'); } }); 0 // For free shipping attribute corner.on("onCartEdit", (params) => { params.cartDetails.items.forEach((item) => { if (item.tags && item.tags.includes("free-shipping-item")) { console.log("www.justwines.com.au") const itemId = item.id; let properties_data = { 'Shipping': 'Free' }; fetch('/cart/change.js', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ id: itemId, quantity: item.quantity, properties: properties_data, }), }) .then(response => response.json()) .then(data => { console.log('Item updated in cart:', data); }) .catch(error => { console.error('Error updating item in cart:', error); }); } }); }); }) corner.overrideCheckout((cartObject, discountCodeApplied) => { console.log("Checkout triggered, updating note attribute with SKUs and quantities..."); // Step 1: Fetch latest cart from Shopify fetch('/cart.js') .then(res => res.json()) .then(cart => { const itemsWithQty = []; cart.items.forEach(item => { // Determine identifier: SKU if available, else variant_id const identifier = item.sku && item.sku.trim() !== "" ? item.sku : item.variant_id; // Include _product_id for bundles if needed if (item.properties && item.properties._product_id) { // optional: append _product_id separately if you want // const bundleIdentifier = item.properties._product_id; // itemsWithQty.push(`${item.quantity} x ${bundleIdentifier}`); } // Add quantity x identifier itemsWithQty.push(`${item.quantity} x ${identifier}`); }); // Join all items with comma const noteValue = itemsWithQty.join(','); console.log('Note attribute value to save:', noteValue); // Step 2: Update cart note attribute return fetch('/cart/update.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ attributes: { "Main Product Ordered": noteValue } }) }); }) .then(res => res.json()) .then(updatedCart => { console.log('Cart note updated successfully:', updatedCart.attributes); // Step 3: Redirect to checkout window.location.href = '/checkout'; }) .catch(err => { console.error('Error updating cart note:', err); // Redirect even if update fails window.location.href = '/checkout'; }); }); /* Below code added for Custom cart upselling */ corner.on("onCowiOpen", (params) => { setTimeout(() => { updateCartRelatedProducts(params.cartDetails); }, 2000); }); corner.on("onCartEdit", (params) => { setTimeout(() => { updateCartRelatedProducts(params.cartDetails); }, 2000); }); corner.on("onSatcCtaClick", (params) => { setTimeout(() => { updateCartRelatedProducts(params.cartDetails); }, 2000); }); async function updateCartRelatedProducts(cartData) { const container = document.getElementById('cart-drawer-related-products'); if (!container){ if(cartData.items.length <= 0){ return; } } try { const cartResponse = await fetch('/cart.js'); const cart = await cartResponse.json(); if (!cart.items || cart.items.length === 0) { container.innerHTML = ''; container.style.display = 'none'; return; } const uniqueProductIds = [...new Set(cart.items.map(item => item.product_id))]; const cartHandles = cart.items.map(item => item.handle); const itemsCount = uniqueProductIds.length; let limitPerProduct = Math.floor(10 / itemsCount); if (limitPerProduct === 0) limitPerProduct = 1; let allRelatedProducts = []; const fetchPromises = uniqueProductIds.slice(0, 10).map(async (productId) => { const recUrl = `/recommendations/products.json?product_id=${productId}&limit=${limitPerProduct + 5}`; const recResponse = await fetch(recUrl); const recData = await recResponse.json(); return recData.products || []; }); const results = await Promise.all(fetchPromises); const seenIds = new Set(); const excludeTag = "exclude_cart_upselling"; results.flat().forEach(product => { const hasExcludeTag = product.tags && product.tags.includes(excludeTag); if (!seenIds.has(product.id) && !cartHandles.includes(product.handle) && !hasExcludeTag) { seenIds.add(product.id); allRelatedProducts.push(product); } }); const finalProducts = allRelatedProducts.slice(0, 10); if (finalProducts.length === 0) { container.innerHTML = ''; container.style.display = 'none'; return; } let htmlMarkup = ``; htmlMarkup += ` `; container.innerHTML = htmlMarkup; container.style.display = 'block'; const track = container.querySelector('.related-slider-track'); const slides = container.querySelectorAll('.related-product-card'); const prevBtn = container.querySelector('.slider-prev'); const nextBtn = container.querySelector('.slider-next'); let currentIndex = 0; const totalSlides = slides.length; if (window.cartRelatedSliderInterval) { clearInterval(window.cartRelatedSliderInterval); } const updateSliderPosition = () => { track.style.transform = `translateX(-${currentIndex * 100}%)`; }; const nextSlide = () => { currentIndex = (currentIndex + 1) % totalSlides; updateSliderPosition(); }; const prevSlide = () => { currentIndex = (currentIndex - 1 + totalSlides) % totalSlides; updateSliderPosition(); }; window.cartRelatedSliderInterval = setInterval(nextSlide, 5000); const resetTimer = () => { clearInterval(window.cartRelatedSliderInterval); window.cartRelatedSliderInterval = setInterval(nextSlide, 5000); }; nextBtn.addEventListener('click', () => { nextSlide(); resetTimer(); }); prevBtn.addEventListener('click', () => { prevSlide(); resetTimer(); }); const addButtons = container.querySelectorAll('.related-add-btn'); addButtons.forEach(button => { button.addEventListener('click', async (e) => { e.preventDefault(); const variantToadd = button.getAttribute('data-variant-id'); const originalText = button.innerText; button.innerText = '...'; button.disabled = true; try { await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: [{ id: variantToadd, quantity: 1 }] }) }); button.innerText = 'Added'; setTimeout(() => { button.innerText = originalText; button.disabled = false; }, 2000); } catch (error) { console.error('Error adding item to cart:', error); button.innerText = 'Error'; button.disabled = false; } }); }); } catch (error) { console.error("Error fetching related products: ", error); } } document.addEventListener('DOMContentLoaded', updateCartRelatedProducts);

We're here to help

Call Us

Email us

Get In Touch

Follow us