async function stCustomAddToCart(productId) { const productForm = new FormData(); productForm.append("sections", ["mini-cart"]); productForm.append("form_type", "product"); productForm.append("quantity", "1"); productForm.append("id", productId); productForm.append("utf8", "✓"); const response = await fetch( `${window.themeVariables.routes.cartAddUrl}.js`, { body: productForm, method: "POST", headers: { "X-Requested-With": "XMLHttpRequest", }, } ); const responseJson = await response.json(); if (response.ok) { this.dispatchEvent( new CustomEvent("variant:added", { bubbles: true, detail: { variant: responseJson.hasOwnProperty("items") ? responseJson["items"][0] : responseJson, }, }) ); fetch(`${window.themeVariables.routes.cartUrl}.js`).then( async (response2) => { const cartContent = await response2.json(); document.documentElement.dispatchEvent( new CustomEvent("cart:updated", { bubbles: true, detail: { cart: cartContent, }, }) ); cartContent["sections"] = responseJson["sections"]; document.documentElement.dispatchEvent( new CustomEvent("cart:refresh", { bubbles: true, detail: { cart: cartContent, openMiniCart: window.themeVariables.settings.cartType === "drawer", }, }) ); } ); } //Code to handle error of ATC i.e. to show the error notification else { console.log("Desc is: ", responseJson["description"]); let closeButtonHtml = ""; closeButtonHtml = ` `; let cartNotification = document.querySelector('cart-notification') cartNotification.classList.add("cart-notification--error"); cartNotification.innerHTML = `

${responseJson["description"]}

${closeButtonHtml}

`; document.querySelector('cart-notification').removeAttribute('hidden'); setTimeout(() => { document.querySelector('cart-notification').setAttribute('hidden', ''); }, 3000); } };

Your Cart is Empty!

Pooja Room

Empty collection