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); } }; document.addEventListener('DOMContentLoaded', () => { document.addEventListener('stSearchResultsEvent', (event) => { if ( event.detail.source === "autoCompleteTrendingSearchPage" && event.detail.type === "searchSuggestion" ) { const suggestionsPanel = document.querySelector('#st-autocomplete-container #st-after-search .st-row .st-left-panel'); const autocompleteContent = document.querySelector('#st-autocomplete-container #st-after-search .st-autocomplete-content'); if (suggestionsPanel && autocompleteContent) { if (event.detail.data.length === 0) { suggestionsPanel.style.display = 'none'; autocompleteContent.classList.add('st-search-suggestions-hide'); } else { suggestionsPanel.style.display = 'block'; autocompleteContent.classList.remove('st-search-suggestions-hide'); } } } }); });

Your Cart is Empty!

WE WRITE REALLY GREAT EMAILS.