window.addEventListener("DOMContentLoaded", () => { let searchInputBoxSelector = document.querySelectorAll( ".st-search-bar .st-search-bar-inner #st-search-box, .st-search-bar input[name='st'], .st-search-box input[name='st'], #st-search-mobile" ); searchInputBoxSelector.forEach((searchInputBox) => { if (searchInputBox) { if (searchInputBox.tagName.toLowerCase() === 'input') { searchInputBox.setAttribute("placeholder", ""); } else { searchInputBox.textContent = ""; } const placeHolderPhrases = [ "Search For Men Perfume", "Search For Women Perfume" ]; 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(); } }); }); window.stCustomAddToCart = (id) => { const svgMarkup = ` `; let baseUrl = `${window.location.protocol}//${window.location.host}`; let url = `${baseUrl}/cart/add.js`; // console.log(id); let product = document.querySelector(`[data-st-product-activevariant-id="${JSON.stringify(id)}"]`); // let product = document.querySelector(`[data-st-product-id="${id}"]`); let productID = product.getAttribute('data-st-product-id'); const prevHTML = product.querySelector('.st-add-to-cart-root .st-atc-btn').innerHTML; product.querySelector('.st-add-to-cart-root .st-atc-btn').innerHTML = svgMarkup; // console.log(product); let formData = { 'items': [ { 'id': id, 'quantity': 1 } ], 'sections': "cart-drawer,cart-icon-bubble", 'sections_url': "/cart" }; fetch('/cart.json').then(response => response.json()) .then(cartData => { console.log(cartData); if (document.querySelector('quantity-message')) { setTimeout(() => { let confettiShooterCount = document.querySelector('quantity-message')?.querySelector('noscript').getAttribute('data-cart-count'); if (confettiShooterCount == 3 && hasRunForThreeGlobal == false) { hasRunForThreeGlobal = true; window.confettiShooter(); } // } else if (confettiShooterCount == 4 && hasRunForFourGlobal == false) { // hasRunForFourGlobal = true; // window.confettiShooter(); // } }, 2000); } const matchingItems = cartData.items.filter(data => data.variant_id === id); const totalQuantity = matchingItems.reduce((total, item) => total + item.quantity, 0); // document.querySelector('.st-add-to-cart-root').classList.add('adding-to-cart'); if (totalQuantity < 4) { fetch(url, { method: "POST", headers: { "X-Requested-With": "XMLHttpRequest", 'Content-Type': 'application/json' }, body: JSON.stringify(formData), }) .then((response) => { if (!response.ok) { throw Error(response.statusText); } return response.json(); }).then(data => { let cartDrawerElement = document.querySelector('cart-notification') || document.querySelector('cart-drawer'); if (cartDrawerElement.classList.contains('is-empty')) { cartDrawerElement.classList.remove('is-empty'); } let cartIconBubble = document.querySelector('#cart-icon-bubble'); if (cartIconBubble) { cartIconBubble.click(); } }).catch((error) => { console.log('Error:', error); }).finally(() => { product.querySelector('.st-add-to-cart-root .st-atc-btn').innerHTML = prevHTML; // document.querySelector('.st-add-to-cart-root').classList.remove('st-loading'); // document.querySelector('.st-add-to-cart-root').classList.remove('adding-to-cart'); }); } else { product.querySelector('.st-add-to-cart-root .st-atc-btn').innerHTML = prevHTML; alert(`You can order only 4 items per SKU from our store, kindly call our Customer Connect (+91) 9357 933 933 for bulk buying. Thank You!`); } }) }; 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 suggestionsPanelBottom = document.querySelector('#st-autocomplete-container #st-after-search .st-autocomplete-footer .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'); if (suggestionsPanel && autocompleteContent) { if (event.detail.data.length === 0) { suggestionsPanel.style.display = 'none'; suggestionsPanelBottom.style.display = 'none'; autocompleteContent.classList.add('st-search-suggestions-hide'); autocompleteFooter.classList.add('st-search-suggestions-hide'); } else { suggestionsPanel.style.display = 'block'; suggestionsPanelBottom.style.display = 'block'; autocompleteContent.classList.remove('st-search-suggestions-hide'); autocompleteFooter.classList.remove('st-search-suggestions-hide'); } } } }); });

Collections