// search placeholder window.addEventListener("DOMContentLoaded", () => { let searchInputBoxSelector = document.querySelectorAll(".st-search-bar .st-search-bar-inner #st-search-box, .st-search-box input[name='st']"); searchInputBoxSelector.forEach((searchInputBox) => { if (searchInputBox) { searchInputBox.setAttribute("placeholder", ""); const placeHolderPhrases = [ "Search For Attar ", "Search For Body Spray", "Search For Royal Attar Perfume", "Search For Shanaya" ]; 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(); } }); }); //No search suggestion js 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'); } } } }); }); //Filter outside click document.addEventListener("DOMContentLoaded", () => { document.addEventListener('click', function (event) { const sidebar = document.querySelector('#st-filter-sidebar'); const closeBtn = document.querySelector('.st-btn.st-close-btn'); const filterbtn = document.querySelector('.st-filter-btn'); const isFilterOpen = document.body.classList.contains('st-filter-popup-is-open'); if (isFilterOpen && sidebar && closeBtn) { if (!sidebar.contains(event.target) && !filterbtn.contains(event.target)) { if (!closeBtn.contains(event.target)) { closeBtn.click(); } } } }); }); (function () { // ========================= // CONFIG // ========================= const slideFrom = 'left'; // 'right' or 'left' const applyButtonLabel = 'View results'; const desktopMinWidth = 820; // ========================= // 0. Inject CSS immediately // ========================= const style = document.createElement('style'); style.innerHTML = ` @media only screen and (min-width: 821px){ /* Skeleton overrides */ #st-loading-skeleton .st-column-25 { display: none; } #st-loading-skeleton .st-column-75 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } /* KEEP COLUMN BUT REMOVE WIDTH IMPACT */ .st-column-20.st-filter-animation { width:0 !important; flex:0 0 0 !important; overflow:visible !important; } .st-column-20.st-filter-animation+.st-column-80 { width:100% !important; flex:0 0 100% !important; max-width:100% !important; } /* SIDEBAR DRAWER */ #st-filter-sidebar { position: fixed !important; top: 0; ${slideFrom}: 0; height:100vh !important; width:400px !important; ${slideFrom === 'right' ? 'left: unset !important;' : 'right: unset !important;'} background:#fff !important; z-index:9999 !important; transform: translate${slideFrom === 'right' ? 'X(100%)' : 'X(-100%)'}; transition: transform 0.35s ease; overflow-y:auto; padding:0 15px !important; box-shadow: ${slideFrom === 'right' ? '-4px 0 20px rgba(0,0,0,0.2)' : '4px 0 20px rgba(0,0,0,0.2)'}; } #st-filter-sidebar.open { transform: translateX(0); } /* OVERLAY */ #filter-overlay { display: block; position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:9998; opacity:0; visibility:hidden; transition:0.3s; } #filter-overlay.active { opacity:1; visibility:visible; } /* FILTER BUTTON */ #custom-filter-btn { border:1px solid #2d0a06; background:#fff; cursor:pointer; min-height:fit-content; max-height:fit-content; float:right; } /* CLOSE BUTTON */ #filter-close-btn { position:absolute; top:10px; right:15px; font-size:20px; cursor:pointer; } /* APPLY BUTTON */ #filter-apply-btn { position:sticky; bottom:15px; color:#fff; border:none; cursor:pointer; z-index:2; } } `; document.head.appendChild(style); // ========================= // 1. Init function // ========================= function init() { if (window.innerWidth < desktopMinWidth) return; // desktop only const sidebar = document.querySelector('#st-filter-sidebar'); const sortContainer = document.querySelector('#st-sort'); if (!sidebar || !sortContainer) return; // FILTER BUTTON const btn = document.createElement('button'); btn.id = 'custom-filter-btn'; btn.innerText = 'Filters'; sortContainer.parentNode.appendChild(btn); // OVERLAY const overlay = document.createElement('div'); overlay.id = 'filter-overlay'; document.body.appendChild(overlay); // CLOSE BUTTON const closeBtn = document.createElement('div'); closeBtn.id = 'filter-close-btn'; closeBtn.innerHTML = '✕'; sidebar.appendChild(closeBtn); // APPLY BUTTON const applyBtn = document.createElement('button'); applyBtn.id = 'filter-apply-btn'; applyBtn.innerText = applyButtonLabel; sidebar.appendChild(applyBtn); // ========================= // EVENTS // ========================= function openDrawer() { sidebar.classList.add('open'); overlay.classList.add('active'); document.body.style.overflow = 'hidden'; document.body.classList.add('st-filter-drawer'); } function closeDrawer() { sidebar.classList.remove('open'); overlay.classList.remove('active'); document.body.style.overflow = ''; document.body.classList.remove('st-filter-drawer'); } btn.addEventListener('click', openDrawer); overlay.addEventListener('click', closeDrawer); closeBtn.addEventListener('click', closeDrawer); applyBtn.addEventListener('click', closeDrawer); } // ========================= // 2. Wait for sidebar in DOM // ========================= const observer = new MutationObserver(() => { if (document.querySelector('#st-filter-sidebar')) { init(); observer.disconnect(); } }); observer.observe(document.body, { childList: true, subtree: true }); })(); //For rating average document.addEventListener("DOMContentLoaded", () => { document.addEventListener('stSearchResultsEvent', (event) => { setTimeout(() => { document.querySelectorAll('.st-rating-summary').forEach(el => { const rating = parseFloat( getComputedStyle(el) .getPropertyValue('--rating-average') .trim() ); el.setAttribute( 'data-rating', rating.toFixed(1) ); }); }, 300); }); }); function handleSnapmintClick(event) { const el = event.currentTarget; if (typeof window.startPop === 'function') { window.startPop(el); } else { console.warn('Snapmint JS not loaded yet'); } } // snap Iist document.addEventListener('DOMContentLoaded', () => { document.addEventListener('stSearchResultsEvent', (event) => { if (event.detail.source != "searchResultsPage") return; event.detail.data.forEach(product => { setTimeout(() => { const productCard = document.querySelector(`[data-st-product-id="${product.id}"]`); if (!productCard) return; // Target exact container const innerBox = productCard.querySelector('.st-inner-box'); if (!innerBox) return; // Prevent duplicate render if (innerBox.querySelector('.snap_dp_list')) return; const productPrice = product.discounted_price || product.price || 0; const emiPrice = Math.round(productPrice / 3); const snapHTML = `

or ₹ ${emiPrice} /Month Buy on EMI >

`; // Insert inside st-inner-box innerBox.insertAdjacentHTML('beforeend', snapHTML); const snapWidget = innerBox.querySelector('.snap_dp_list'); if (snapWidget) { snapWidget.addEventListener('click', handleSnapmintClick); } }, 100); }); }); }); // atc window.stCustomAddToCart = (id) => { const url = `${window.location.origin}/cart/add.js`; // {% comment %} const loader = ` // `; {% endcomment %} const products = document.querySelectorAll( `[data-st-product-activevariant-id="${id}"]` ); // ADD LOADER products.forEach(product => { const btn = product.querySelector(".st-add-to-cart-root .st-atc-btn"); if (!btn) return; btn.dataset.prevHtml = btn.innerHTML; // {% comment %} btn.innerHTML = loader; {% endcomment %} // {% comment %} btn.classList.add("st-atc-loader"); {% endcomment %} // {% comment %} btn.disabled = true; {% endcomment %} }); // ========================= // FORM DATA PAYLOAD // ========================= const formData = new FormData(); formData.append("form_type", "product"); formData.append("utf8", "✓"); formData.append("quantity", "1"); formData.append("id", id); // OPTIONAL VALUES const firstProduct = products[0]; if (firstProduct) { const productId = firstProduct.dataset.stProductId || firstProduct.getAttribute("data-st-product-id"); if (productId) { formData.append("product-id", productId); } } // Shopify section rendering const sectionId = document .querySelector('[id*="shopify-section-template-"]') ?.id?.replace("shopify-section-", ""); if (sectionId) { formData.append("section-id", sectionId); } formData.append("sections", "mini-cart"); fetch(url, { method: "POST", headers: { "Accept": "application/json", "X-Requested-With": "XMLHttpRequest" }, body: formData }) .then(res => { if (!res.ok) throw res; return res.json(); }) .then(() => { // ✅ FETCH UPDATED CART return fetch(`${window.location.origin}/cart.js`, { headers: { "Accept": "application/json" } }); }) .then(res => res.json()) .then(() => { products.forEach(product => { const btn = product.querySelector(".st-add-to-cart-root .st-atc-btn"); if (!btn) return; // {% comment %} btn.innerHTML = btn.dataset.prevHtml; {% endcomment %} // {% comment %} btn.classList.remove("st-atc-loader"); {% endcomment %} // {% comment %} btn.disabled = false; {% endcomment %} }); }) .catch(err => { console.error("ATC Error:", err); // {% comment %} products.forEach(product => { // const btn = product.querySelector(".st-add-to-cart-root .st-atc-btn"); // if (!btn) return; // btn.classList.remove("st-atc-loader"); // if (err?.status === 422) { // btn.innerText = "SOLD OUT"; // btn.classList.add("st-sold-out"); // btn.disabled = true; // } else { // btn.innerHTML = btn.dataset.prevHtml; // btn.disabled = false; // } // }); {% endcomment %} }); }; // window.stCustomAddToCart = (id) => { // let cart = // document.querySelector("cart-notification") || // document.querySelector("cart-drawer"); // let baseUrl = `${window.location.protocol}//${window.location.host}`; // let url = `${baseUrl}/cart/add.js`; // let productID = document.querySelector(".st-product-card")?.dataset // ?.stProductId; // const loader = ` // `; // const products = document.querySelectorAll( // `[data-st-product-activevariant-id="${id}"]` // ); // // JSON payload // const payload = { // id: id, // quantity: 1, // properties: {}, // }; // // ADD LOADER // products.forEach((product) => { // const btn = product.querySelector( // ".st-add-to-cart-root .st-atc-btn" // ); // if (!btn) return; // btn.dataset.prevHtml = btn.innerHTML; // btn.innerHTML = loader; // btn.classList.add("st-atc-loader"); // btn.disabled = true; // }); // fetch(url, { // method: "POST", // headers: { // "Content-Type": "application/json", // Accept: "application/json", // "X-Requested-With": "XMLHttpRequest", // }, // body: JSON.stringify(payload), // }) // .then((response) => { // if (!response.ok) { // throw response; // } // return response.json(); // }) // .then((response) => { // // Refresh cart sections // return fetch(`${baseUrl}/cart.js`) // .then((res) => res.json()) // .then((cartData) => { // if (cart && typeof cart.renderContents === "function") { // cart.renderContents({ // items: cartData.items, // sections: response.sections || {}, // }); // } // const bubble = document.querySelector("#cart-icon-bubble"); // if (bubble) bubble.click(); // if (cart && cart.classList.contains("is-empty")) { // cart.classList.remove("is-empty"); // } // // RESTORE BUTTON // products.forEach((product) => { // const btn = product.querySelector( // ".st-add-to-cart-root .st-atc-btn" // ); // if (!btn) return; // btn.innerHTML = btn.dataset.prevHtml; // btn.classList.remove("st-atc-loader"); // btn.disabled = false; // }); // }); // }) // .catch(async (err) => { // console.error("Cart error:", err); // let errorData = {}; // try { // errorData = await err.json(); // } catch (e) {} // products.forEach((product) => { // const btn = product.querySelector( // ".st-add-to-cart-root .st-atc-btn" // ); // if (!btn) return; // btn.classList.remove("st-atc-loader"); // if (err.status === 422) { // btn.innerText = "SOLD OUT"; // btn.classList.add("st-sold-out"); // btn.disabled = true; // } else { // btn.innerHTML = btn.dataset.prevHtml; // btn.disabled = false; // } // }); // }); // }; // window.stCustomAddToCart = (id) => { // const url = `${window.location.origin}/cart/add.js`; // const loader = ` // `; // const products = document.querySelectorAll( // `[data-st-product-activevariant-id="${id}"]` // ); // // ADD LOADER // products.forEach(product => { // const btn = product.querySelector(".st-add-to-cart-root .st-atc-btn"); // if (!btn) return; // btn.dataset.prevHtml = btn.innerHTML; // btn.innerHTML = loader; // btn.classList.add("st-atc-loader"); // btn.disabled = true; // }); // fetch(url, { // method: "POST", // headers: { // "Content-Type": "application/json", // "Accept": "application/json" // }, // body: JSON.stringify({ // id: id, // quantity: 1, // properties: {} // }) // }) // .then(res => { // if (!res.ok) throw res; // return res.json(); // }) // .then(() => { // // ✅ FETCH UPDATED CART // return fetch(`${window.location.origin}/cart.js`); // }) // .then(res => res.json()) // .then(() => { // products.forEach(product => { // const btn = product.querySelector(".st-add-to-cart-root .st-atc-btn"); // if (!btn) return; // btn.innerHTML = btn.dataset.prevHtml; // btn.classList.remove("st-atc-loader"); // btn.disabled = false; // }); // }) // .catch(err => { // console.error("ATC Error:", err); // products.forEach(product => { // const btn = product.querySelector(".st-add-to-cart-root .st-atc-btn"); // if (!btn) return; // btn.classList.remove("st-atc-loader"); // if (err?.status === 422) { // btn.innerText = "SOLD OUT"; // btn.classList.add("st-sold-out"); // btn.disabled = true; // } else { // btn.innerHTML = btn.dataset.prevHtml; // btn.disabled = false; // } // }); // }); // };

Extra Discount On Upi Payments

Wait! Secret offer unlocked 🎉

Trending