// --- Configuration Variables --- // Easily editable variable for the minimum cart total needed for FREE shipping. const FREE_SHIPPING_THRESHOLD = 399; // Easily editable variable for the standard shipping cost. const STANDARD_SHIPPING_COST = 39; // --- Global Helper Functions --- /** * Converts a price string containing numbers and currency symbols (e.g., '₹ 1,234.56') * into a clean floating-point number. * @param {string} priceText The raw innerHTML/innerText of the price element. * @returns {number} The extracted numerical value, or 0 if no match is found. */ function extractPriceValue(priceText) { // Regex to find currency-formatted numbers: 1 to 3 digits, optionally followed by // groups of 3 digits separated by commas, optionally followed by a decimal and more digits. const priceMatch = priceText.match(/\d{1,3}(,\d{3})*(\.\d+)?/); // Extract the match, remove all commas, and parse as a float. return priceMatch ? parseFloat(priceMatch[0].replace(/,/g, '')) : 0; } /** * Calculates the absolute numerical value of the savings amount from its display text. * @param {string} savingsText The raw innerText of the savings element. * @returns {number} The absolute savings value. */ function extractSavingsValue(savingsText) { // Remove currency ('₹ '), negative sign ('- '), and commas, then parse as a float. const cleanedText = savingsText.replace('₹ ', '').replace('- ', '').replace(/,/g, ''); const value = parseFloat(cleanedText); // Use Math.abs to ensure it's a positive number (savings). return Math.abs(isNaN(value) ? 0 : value); } /** * Toggles the visibility of cart summary elements based on total savings and cart total price. * @param {number} prdTotalPriceValue The current total price of the cart. * @param {number} shippingThreshold The minimum price required to show the shipping message. */ function updateSaveAmntWrapper(prdTotalPriceValue, shippingThreshold) { // Get the current displayed savings amount const saveAmntText = document.getElementById('save-amnt').innerText; const saveAmnt = extractSavingsValue(saveAmntText); const saveAmntWrapper = document.querySelector('.first-cart-sec'); const subtotalWrapper = document.querySelector('.subtotal-wrapper'); const saveAmntWrapperElement = document.querySelector('.save-amnt-wrapper'); // Logic 1: Hide the primary savings wrapper if no savings AND total is low (< threshold) if (saveAmnt === 0 && prdTotalPriceValue < shippingThreshold) { if (saveAmntWrapper) saveAmntWrapper.style.display = 'none'; } else { if (saveAmntWrapper) saveAmntWrapper.style.display = 'block'; } // Logic 2: Hide subtotal and savings element if no savings AND total is high (> threshold) if (saveAmnt === 0 && prdTotalPriceValue > shippingThreshold) { if (subtotalWrapper) subtotalWrapper.style.display = 'none'; if (saveAmntWrapperElement) saveAmntWrapperElement.style.display = 'none'; } else { if (subtotalWrapper) subtotalWrapper.style.display = 'block'; if (saveAmntWrapperElement) saveAmntWrapperElement.style.display = 'block'; } } /** * Helper function that converts a price with currency to a number. * This function is defined but not used in the final logic (kept for fidelity). * @param {string} inpprice Price string, expected format "₹ XXXX". * @returns {number} The price as an integer. */ function curtonum(inpprice) { console.log(`inpprice => ${inpprice}`); return parseInt(inpprice.split('₹ ')[1].replace(',', '')); } // --- Main Logic Handler Function --- /** * Executes the core cart summary update logic, updating totals and element visibility. */ function handleCartUpdate({cartDetails}) { console.log("cartDetails",cartDetails); // 1. Fetch the latest cart data from Shopify API fetch(window.Shopify.routes.root + 'cart.json', { method: 'POST', headers: { 'Content-Type': 'application/json' } }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(cartData => { // Use a slight delay (100ms) to allow the cart UI to finish updating first. setTimeout(() => { // --- A. Calculate Total Savings and Update Display ('save-amnt') --- const upcartSavingsAmountElem = document.querySelector('#corner-cowi-cart-summary-discount .text-cowi-primary-type'); let upcartSavingsAmountValue = 0; if (upcartSavingsAmountElem) { upcartSavingsAmountValue = extractSavingsValue(upcartSavingsAmountElem.innerText); } const newestSum = upcartSavingsAmountValue; // Update the 'save-amnt' display element const saveAmntElement = document.getElementById('save-amnt'); if (saveAmntElement) { saveAmntElement.innerHTML = '₹ ' + newestSum.toLocaleString('en-IN'); } // --- B. Calculate Total/Compare Price and Update Display ('prd-compare-price') --- const prdTotalPriceValue = cartDetails.cost.totalAmount/100 // Get the savings amount that was just set to 'save-amnt' const saveAmntText = (saveAmntElement) ? saveAmntElement.innerHTML : '₹ 0'; const saveAmntValue = extractPriceValue(saveAmntText); // Calculate the original "Compare Price" (Total + Savings) const totalComparePrice = Math.ceil(prdTotalPriceValue) + saveAmntValue; const formattedPrice = '₹ ' + totalComparePrice.toLocaleString('en-IN'); // Update the 'prd-compare-price' display element (the original total) document.getElementById('prd-compare-price').innerHTML = formattedPrice; // --- C. Update Shipping Visibility and Cost --- const shippingContainer = document.querySelector('.shipping-cls'); const shippingValueElement = document.querySelector('.shipping-val'); // Specific element for the price const totalDisplayElement = document.querySelector('#corner-cowi-cart-cta-total-price-amount span'); if (shippingContainer && shippingValueElement) { if (prdTotalPriceValue >= FREE_SHIPPING_THRESHOLD) { // Case 1: Eligible for Free Shipping shippingContainer.style.display = 'block'; shippingValueElement.innerHTML = `~~₹ ${STANDARD_SHIPPING_COST.toLocaleString('en-IN')}~~ FREE`; // Set price element content to 'FREE' } else { // Case 2: Standard Shipping Cost shippingContainer.style.display = 'block'; // Set price element content to the standard rate (e.g., '₹ 39') shippingValueElement.innerHTML = '₹ ' + STANDARD_SHIPPING_COST.toLocaleString('en-IN'); let finalDisplayTotal = prdTotalPriceValue +STANDARD_SHIPPING_COST ; console.log("Final Price" , finalDisplayTotal,totalDisplayElement) totalDisplayElement.innerHTML = '₹ ' + finalDisplayTotal.toLocaleString('en-IN'); } } // --- D. Apply Conditional UI Visibility (Savings/Subtotal Wrappers) --- updateSaveAmntWrapper(prdTotalPriceValue, FREE_SHIPPING_THRESHOLD); }, 100); // End of setTimeout }) .catch(error => { console.error('Error fetching Shopify cart data:', error); }); } // --- Event Bindings --- // Execute logic when the cart contents are edited corner.on("onCartEdit", handleCartUpdate); // Execute logic when the cart drawer/widget is opened corner.on("onCowiOpen", handleCartUpdate); //--show static info for kadak chai //================================ const TARGET_PRODUCT = "8852289552638"; function shouldShowBagBlock(items = []) { const matchingItems = items.filter( (item) => String(item.product_id || item.productId) === TARGET_PRODUCT ); console.log(matchingItems,'matchingItems') // Show only if there is exactly one matching cart line with quantity 1 return ( items.length ===1 && matchingItems.length === 1 && Number(matchingItems[0].quantity) === 1 ); } function renderBagBlock(cartDetails) { const existing = document.querySelector("#custom-whats-in-bag-block"); if (!shouldShowBagBlock(cartDetails?.items)) { existing?.remove(); return; } if (existing) return; const target = document.querySelector("#corner-cowi-cart-item-list-wrapper"); if (!target) return; const block = document.createElement("div"); block.id = "custom-whats-in-bag-block"; block.innerHTML = `

WHAT'S IN YOUR BAG

1Kg Kadak Chai ₹599

+ 3 Exotic Spices FREE

1Kg chai + 3 spices All-in for ₹599 · nothing extra at checkout

✓ Free shipping unlocked

`; target.insertAdjacentElement("afterend", block); } window.addToCartNatively = function addToCartNatively(variantId) { // Grab the exact HTML element that was clicked, no matter where it is hidden const element = window.event ? window.event.target : null; if (!element) { console.error("Could not trace the clicked element target."); return; } // 1. Save the original text so we can restore it later const originalText = element.innerText; // 2. Give instant visual feedback and temporarily disable clicking element.innerText = "Adding..."; element.style.pointerEvents = "none"; element.style.opacity = "0.7"; let formData = { 'items': [{ 'id': variantId, 'quantity': 1 }] }; fetch((window.Shopify?.routes?.root || '/') + 'cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(formData) }) .then(response => response.json()) .then(data => { console.log('Product added successfully:', data); // 3. Update feedback to show success briefly element.innerText = "Added! ✓"; if (typeof corner !== 'undefined') { corner.do("refreshCart"); } // 4. Reset the button back to normal after a short delay setTimeout(() => { element.innerText = originalText; element.style.pointerEvents = "auto"; element.style.opacity = "1"; }, 2000); }) .catch((error) => { console.error('Error adding to cart:', error); // Reset immediately if the network request fails element.innerText = originalText; element.style.pointerEvents = "auto"; element.style.opacity = "1"; }); } corner.on('onCowiOpen',({ cartDetails }) => { setTimeout(() => renderBagBlock(cartDetails),150); }); corner.on('onCartEdit',({ cartDetails }) => { setTimeout(() => renderBagBlock(cartDetails),150); });

Real customer stories

Real customer stories

10% off!

The referral link is invalid.