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.FoxTheme.routes.cart_add_url}.js`, // ✅ FIXED { body: productForm, method: "POST", headers: { "X-Requested-With": "XMLHttpRequest" }, } ); const responseJson = await response.json(); if (response.ok) { // Fire on documentElement since we have no button reference document.documentElement.dispatchEvent( new CustomEvent("variant:added", { bubbles: true, detail: { variant: responseJson.hasOwnProperty("items") ? responseJson["items"][0] : responseJson, }, }) ); fetch(`${window.FoxTheme.routes.cart_url}.js`) // ✅ FIXED .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.FoxTheme.settings.cartType === "drawer", // ✅ FIXED }, }) ); }); } else { // Error notification console.log("Desc is: ", responseJson["description"]); const closeButtonHtml = ` `; const cartNotification = document.querySelector("cart-notification"); if (cartNotification) { cartNotification.classList.add("cart-notification--error"); cartNotification.innerHTML = `

${responseJson["description"]}

${closeButtonHtml}

`; cartNotification.removeAttribute("hidden"); setTimeout(() => cartNotification.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'); const autocompleteFooter = document.querySelector('#st-autocomplete-container #st-after-search .st-autocomplete-footer'); const autocompleteFooterLeftPanel = document.querySelector('#st-autocomplete-container #st-after-search .st-autocomplete-footer .st-left-panel'); if (suggestionsPanel && autocompleteContent && autocompleteFooter && autocompleteFooterLeftPanel) { if (event.detail.data.length === 0) { suggestionsPanel.style.display = 'none'; autocompleteFooterLeftPanel.style.display = 'none'; autocompleteContent.classList.add('st-search-suggestions-hide'); autocompleteFooter.classList.add('st-search-suggestions-hide'); } else { suggestionsPanel.style.display = 'block'; autocompleteContent.classList.remove('st-search-suggestions-hide'); autocompleteFooterLeftPanel.style.display = 'block'; autocompleteFooter.classList.remove('st-search-suggestions-hide'); } } } }); }); window.addEventListener("DOMContentLoaded", () => { let searchInputBoxSelector = document.querySelectorAll( ".st-search-bar .st-search-bar-inner #st-search-box, .st-search-bar input[name='q'], .st-search-box input[name='q'], #st-search-mobile" ); searchInputBoxSelector.forEach((searchInputBox) => { if (searchInputBox) { if (searchInputBox.tagName.toLowerCase() === 'input') { searchInputBox.setAttribute("placeholder", ""); } else { searchInputBox.textContent = ""; } const placeHolderPhrases = [ "Search For Wall Clock", "Search For Wall Art", "Search For Photo Frame" ]; let index = 0; let typingTimer; const updatePlaceHolder = function () { const phrase = placeHolderPhrases[index]; const length = phrase.length; let queryIndex = 0; typingTimer = setInterval(function () { if (queryIndex === length) { setTimeout(erasePlaceHolder, 1000); clearInterval(typingTimer); } else { if (searchInputBox.tagName.toLowerCase() === 'input') { const currentPlaceholderValue = searchInputBox.getAttribute("placeholder"); searchInputBox.setAttribute( "placeholder", currentPlaceholderValue + phrase.charAt(queryIndex) ); } else { const currentText = searchInputBox.textContent; searchInputBox.textContent = currentText + phrase.charAt(queryIndex); } queryIndex++; } }, 100); }; const erasePlaceHolder = function () { if (searchInputBox.tagName.toLowerCase() === 'input') { const currentPlaceholderValue = searchInputBox.getAttribute("placeholder"); const length = currentPlaceholderValue.length; let queryIndex = length - 1; typingTimer = setInterval(function () { if (queryIndex === -1) { clearInterval(typingTimer); index++; if (index === placeHolderPhrases.length) { index = 0; } setTimeout(updatePlaceHolder, 1000); } else { const newPlaceholderValue = currentPlaceholderValue.slice(0, queryIndex); searchInputBox.setAttribute("placeholder", newPlaceholderValue); queryIndex--; } }, 50); } else { const currentText = searchInputBox.textContent; const length = currentText.length; let queryIndex = length - 1; typingTimer = setInterval(function () { if (queryIndex === -1) { clearInterval(typingTimer); index++; if (index === placeHolderPhrases.length) { index = 0; } setTimeout(updatePlaceHolder, 1000); } else { const newText = currentText.slice(0, queryIndex); searchInputBox.textContent = newText; queryIndex--; } }, 50); } }; updatePlaceHolder(); } }); }); document.addEventListener("DOMContentLoaded", () => { document.addEventListener("stSearchResultsEvent", (event) => { event.detail.data.forEach((product) => { setTimeout(() => { let productElement = document.querySelector(`.st-search-container [data-st-product-id="${product.id}"]`); if (!productElement) return; let imageContainer = productElement.querySelector('.st-image-container'); let addToCartBtn = productElement.querySelector('.st-add-to-cart-root'); if(!addToCartBtn) return; if (!imageContainer || !addToCartBtn) return; imageContainer.appendChild(addToCartBtn); const anchor = imageContainer.closest("a"); const atc = imageContainer.querySelector(".st-add-to-cart-root"); if (!anchor || !atc) return; if (!anchor.contains(imageContainer)) return; anchor.appendChild( imageContainer.querySelector(".st-link") || imageContainer.firstElementChild ); anchor.parentNode.insertBefore(atc, anchor.nextSibling); anchor.parentNode.insertBefore(imageContainer, anchor); imageContainer.appendChild(anchor); imageContainer.appendChild(atc); }, 1000); }); }); }); // Cross icon document.addEventListener('DOMContentLoaded', () => { document.addEventListener('stSearchResultsEvent', (event) => { document.addEventListener('click', (event) => { const crossIcon = event.target.closest('.st-input-close-btn'); if (crossIcon) { const body = document.querySelector("body"); body.classList.remove("st-autocomplete-focused"); // console.log("Sourabh"); const searchBox = body.querySelector(".st-search-box.hidden-mobile"); searchBox.classList.remove('st-open'); searchBox.classList.add('st-close'); } }); }) }) document.addEventListener("stSearchResultsEvent", function (event) { const { source, type } = event.detail || {}; if (source !== "autoCompleteTrendingSearchPage" || type !== "recommended") { return; } setTimeout(function () { appendSearchTapBlocks(); }, 10); }); function appendSearchTapBlocks() { const trendingBlock = document.querySelector("#st-trending-block"); if (!trendingBlock) return; const trendingContainer = document.querySelector("#st-trending-searches"); if (trendingContainer && !document.querySelector("#st-searchtap-trending")) { const clone = trendingBlock.cloneNode(true); clone.id = "st-searchtap-trending"; clone.style.display = ""; trendingContainer.insertAdjacentElement("afterend", clone); } }

Decor

Lighting

Kitchen & Dining

Furniture

Bath

Wall Decor

New Arrivals

Living room

Bedroom

Dining area

Home office

Entryway

Outdoor

Dopamine Decor

Luxe Glam

Scandinavian

Orientalism

The Art of Old Money

Victorian

Choose your option

Choose your option

Choose your option

Choose your option

Choose your option

Living room

Bedroom

Dining area

Home office

Entryway

Dopamine Decor

Luxe Glam

Scandinavian

Orientalism

The Art of Old Money

Choose your option

Choose your option

Choose your option

Your cart (0)

Order note

Estimate Shipping

Coupon

Product Comparison

Your cart