document.addEventListener("DOMContentLoaded", function () { let st_searchIcon = document.querySelectorAll(".st-search-icon"); let st_searchCrossIcon = document.querySelectorAll(".st-search-close-btn"); let st_searchBoxDesktop = document.querySelector(".st-search-box.hidden-mobile"); let st_searchBoxMobile = document.querySelector(".st-search-box.hidden-desktop"); // let st_mobileSearchIcon = document.querySelectorAll('.st-mobile-search-icon'); function isDeviceMobile() { return window.matchMedia("only screen and (max-width: 768px)").matches; } // function isDeviceTab() { // return window.matchMedia("(min-width: 819px) and (max-width: 1080px)").matches; // } function toggleStSearchBar(showSearchBar) { if (!isDeviceMobile()) { if (st_searchBoxDesktop) st_searchBoxDesktop.style.display = showSearchBar ? "" : "none"; if (st_searchBoxMobile) st_searchBoxMobile.style.display = showSearchBar ? "" : "none"; if (st_searchIcon) { st_searchIcon.forEach((x) => { x.style.display = showSearchBar ? "none" : ""; }); } if (st_searchCrossIcon) { st_searchCrossIcon.forEach((x) => { x.style.display = showSearchBar ? "" : "none"; }); } } // 👇 Focus only if showing the search bar if (showSearchBar) { setTimeout(() => { document.querySelectorAll('input[name="st"]').forEach((x) => { x.focus(); }); }, 100); } } if (st_searchIcon) { st_searchIcon.forEach((a) => { a.addEventListener("click", () => { setTimeout(() => { toggleStSearchBar(true); }, 300); }); }); } // if (st_mobileSearchIcon) { // st_mobileSearchIcon.forEach((a) => { // a.addEventListener("click", () => { // setTimeout(() => { // if (isDeviceTab()) { // if (document.querySelector('.st-autocomplete-container').style.display === 'none') { // document.querySelector('.st-autocomplete-container').style.display = 'block'; // } // } // }, 300); // }); // }); // } if (st_searchCrossIcon) { st_searchCrossIcon.forEach((a) => { a.addEventListener("click", (e) => { e.preventDefault(); toggleStSearchBar(false); }); }); } }); document.addEventListener("DOMContentLoaded", () => { let searchInputBoxSelector = document.querySelectorAll(".st-search-bar .st-search-bar-inner #st-search-box, input[name='st']"); searchInputBoxSelector.forEach((searchInputBox) => { if (searchInputBox) { searchInputBox.setAttribute("placeholder", ""); const placeHolderPhrases = [ "Search For Martini Table", "Search For Cushions", "Search For Vases" ]; 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 { const currentPlaceholderValue = searchInputBox.getAttribute("placeholder"); searchInputBox.setAttribute( "placeholder", currentPlaceholderValue + phrase.charAt(queryIndex) ); queryIndex++; } }, 100); }; const erasePlaceHolder = function () { 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); }; updatePlaceHolder(); } }); 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 variantId = productElement.getAttribute("data-st-product-activevariant-id"); if (!variantId) return; let innerBox = productElement.querySelector(".st-outer-box"); let imageWrapper = productElement.querySelector(".st-image-container"); if (!imageWrapper || !innerBox) return; const quickView_WishlistDIv = document.createElement("div"); quickView_WishlistDIv.className = "QuickAdd WIshlist"; // Create Quick View Button const quickViewButton = document.createElement("a"); quickViewButton.className = "nt_add_qv js_add_qv dib ttip_nt tooltip_left"; quickViewButton.setAttribute("rel", "nofollow"); quickViewButton.setAttribute("href", `/collections/bath-accessories/products/${product.handle}`); quickViewButton.setAttribute("data-id", `${product.id}`); quickViewButton.innerHTML = ` Quick view `; // Create and append Wishlist let wishlistDiv = document.createElement("div"); wishlistDiv.className = "nt_add_w ts__03 "; let wishlist = document.createElement("a"); wishlist.className = "wishlistadd cb chp ttip_nt tooltip_left"; wishlist.setAttribute("data-no-instant", ""); wishlist.setAttribute("href", `/products/${product.handle}`); wishlist.setAttribute("data-id", `${product.id}`); wishlist.setAttribute("rel", "nofollow"); wishlist.innerHTML = ` Add to Wishlist `; wishlistDiv.appendChild(wishlist); quickView_WishlistDIv.appendChild(wishlistDiv); quickView_WishlistDIv.appendChild(quickViewButton); imageWrapper.appendChild(quickView_WishlistDIv); // Add Choose Options Button if product has multiple variants if (product.variants.length > 1) { const quickShop = document.createElement("a"); quickShop.className = "pr_atc pa l__0 r__0 b__0 op__0 tc dib js__qs ttip_nt tooltip_left truncate"; quickShop.setAttribute("href", `/products/${product.handle}`); quickShop.setAttribute("data-id", `${product.id}`); quickShop.setAttribute("rel", "nofollow"); quickShop.innerHTML = ` Quick ShopQuick Shop `; quickShop.addEventListener('click', (e) => { e.preventDefault(); if (typeof jQuery !== 'undefined') { const clickEvent = jQuery.Event('click'); clickEvent.target = this; jQuery(document).trigger(clickEvent); } }); productElement.querySelector(".st-image-container").appendChild(quickShop); } else { const addProduct = document.createElement("a"); addProduct.className = "pr_atc_ tc dib js_addtc ttip_nt tooltip_left truncate"; addProduct.setAttribute("href", `/collections/bar-carts/products/${product.handle}`); addProduct.setAttribute("data-id", `${product.variants[0].id}`); addProduct.setAttribute("rel", "nofollow"); addProduct.innerHTML = ` Add to cartAdd to cart `; addProduct.addEventListener('click', (e) => { e.preventDefault(); }); productElement.querySelector(".st-image-container").appendChild(addProduct); } }, 1000); }); setTimeout(() => { geckoShopify.wishlistUpdate(0); }, 2000); }); });

Shopping cart

Your cart is empty.

Estimate Shipping