// Write your Javascript code here window.doubleCheckGiftAdd = true; window.corner.cartEditDebounceDelay = 200; // Below code is used to mark the shipping protection item as checked when added to cart // one click upsell campaign product handle // of the product to be marked as checked when added to cart const OneClickUpsellCampaignProductHandle = "shipping-protection-1"; corner.on("onCowiOpen", (params) => { const cart = params?.cartDetails; // if no cart items, do nothing if (!cart?.items?.length) return; // find the active one click upsell campaign to get the campaign id const oneClickCampaign = window?.corner?.campaigns?.find( (campaign) => campaign.type === "one_click_upsell" && campaign.status === "active" && campaign.details?.upsellProduct?.target?.handle === OneClickUpsellCampaignProductHandle ); // If no active one click upsell campaign is found, do nothing if (!oneClickCampaign) return; // find the shipping protection item to be marked as checked when added to cart const shippingProtectionItem = cart.items.find((item) => item.handle === OneClickUpsellCampaignProductHandle); // If no shipping protection item is found, do nothing if (!shippingProtectionItem) return; // Check if the shipping protection item already has _oneClickRefId const alreadyHasOneClickRefId = shippingProtectionItem.properties && Object.prototype.hasOwnProperty.call(shippingProtectionItem.properties, "_oneClickRefId"); // If the shipping protection item already has _oneClickRefId, do nothing if (alreadyHasOneClickRefId) return; // Update this line item with a numeric _oneClickRefId property (does NOT remove the item) const changePayload = { id: shippingProtectionItem.id, // line item key properties: { _oneClickRefId: oneClickCampaign.campaign_id } }; // Update the shipping protection item with the campaign id so that cornercart drawer // will understand that the shipping protection item is part of the one click upsell campaign const url = (window.Shopify?.routes?.root || "/") + "cart/change.js"; fetch(url, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(changePayload) }) .then((res) => res.json()) .then((data) => {}) .catch((err) => console.error("Cart update (set _oneClickRefId) failed:", err)); }); // end of custom code added for marking shipping protection item as checked in the cart on adding // corner.overrideCartEdit((cartObject, ajaxJobQueue) => { // console.log('cartObject', cartObject); // console.log("Cart edit triggered:", ajaxJobQueue); // // Find all update jobs // const updateJobs = ajaxJobQueue.filter(job => job?.job === 'update'); // // Extract variant IDs from payload.updates // const currentlyDeletingproductId = updateJobs.flatMap(job => // Object.keys(job?.details?.payload?.updates || {}) // ); // console.log('currentlyDeletingproductId',currentlyDeletingproductId) // const variantId = currentlyDeletingproductId[0]?.split(':')[0] // console.log('variantid',variantId) // const sameVariantProducts = cartObject?.items?.filter(item => item?.variantId == variantId) // console.log('sameVariantProducts',sameVariantProducts) // const deletingProduct = sameVariantProducts?.find(item => item?.id == currentlyDeletingproductId) // console.log('deletingProduct',deletingProduct) // const freeProductId = sameVariantProducts?.find(item => item.properties && Object.keys(item.properties).length > 0)?.id // console.log('freeProductId',freeProductId) // if (deletingProduct && freeProductId && updateJobs.length>0) { // if ((!deletingProduct?.properties || !deletingProduct?.properties?._corner_key) && deletingProduct?.cost?.totalAmount == 0) { // ajaxJobQueue[0].details.payload.updates = { // [freeProductId]: 0 // } // } // } // console.log(ajaxJobQueue,'ajaxJobQuer') // return ajaxJobQueue; // Always return the queue // }); // modal on tea leaf producct id 7131404959815 const TARGET_PRODUCT = "7131404959815"; function shouldShowBagBlock(items = []) { const matchingItems = items.filter( (item) => String(item.product_id || item.productId) === TARGET_PRODUCT ); 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 3 items

Indian Whole Leaf Trial Pack Whole leaf

IN BAG

Seidel Glass Tea Mug with Infuser Brew loose leaf, zero mess

FREE

Ideal Teaspoon The right measure, every cup

FREE

Ships together in one box. Nothing extra at checkout.

`; target.insertAdjacentElement("afterend", block); } window.addToCartNatively = function addToCartNatively(variantId) { const element = window.event ? window.event.target : null; if (!element) { console.error("Could not trace the clicked element target."); return; } const originalText = element.innerText; element.innerText = "Adding..."; element.style.pointerEvents = "none"; element.style.opacity = "0.7"; const 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); element.innerText = "Added! ✓"; if (typeof corner !== "undefined") { corner.do("refreshCart"); } setTimeout(() => { element.innerText = originalText; element.style.pointerEvents = "auto"; element.style.opacity = "1"; }, 2000); }) .catch((error) => { console.error("Error adding to cart:", error); 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); });

Do you have any question?