corner.on("onCartCtaClick", (params) => { console.log('cta params = ', params) let selectElement = document.getElementById('how-hear-about-us'); let selectedValue = selectElement.value; if (selectedValue) { // Update Shopify cart attributes fetch('/cart/update.js', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify({ attributes: { 'How Did You Hear About Us': selectedValue } }) }) .then(response => response.json()) .then(data => { console.log('Cart updated:', data); // Proceed with the checkout window.location.href = '/checkout'; }) .catch((error) => { console.error('Error updating cart:', error); }); } }) corner.on("onCartEdit", (params) => { console.log('Cart updated:', params); // Free shipping threshold const freeShippingThreshold = 49; // Get cart total const cartTotal = params.cartDetails.cost.totalAmount / 100; // Convert cents to dollars console.log('Cart Total = ', cartTotal); // Select the banner element const banner = document.getElementById("corner-cowi-message-banner-item-0"); console.log('Banner Element = ', banner); // If the banner exists, update its content if (banner) { const remainingAmount = (freeShippingThreshold - cartTotal).toFixed(2); if (cartTotal >= freeShippingThreshold) { // Free shipping earned banner.innerHTML = "

You earned free shipping!

"; } else { // Show remaining amount banner.innerHTML = `

Spend $${remainingAmount} more for free shipping!

`; } } }); corner.on("onCowiOpen", () => { const cartSpan = document.querySelector("#cowi-corner-header-page-title span.flex.items-center"); if (cartSpan) { cartSpan.setAttribute("role", "heading"); } else { console.error("Cart span not found."); } }); corner.on("onCowiOpen", (params) => { console.log('Cart widget opened:', params); // Free shipping threshold const freeShippingThreshold = 49; // Get cart total const cartTotal = params.cartDetails.cost.totalAmount / 100; // Convert cents to dollars console.log('Cart Total = ', cartTotal); // Select the banner element const banner = document.getElementById("corner-cowi-message-banner-item-0"); console.log('Banner Element = ', banner); // If the banner exists, update its content if (banner) { const remainingAmount = (freeShippingThreshold - cartTotal).toFixed(2); if (cartTotal >= freeShippingThreshold) { // Free shipping earned banner.innerHTML = "

You earned free shipping!

"; } else { // Show remaining amount banner.innerHTML = `

Spend $${remainingAmount} more for free shipping!

`; } } });

Language

Track Order

Subscribe to our emails