const searchLinks = document.querySelectorAll('.st-mobile-search-icon'); searchLinks.forEach((link) => { link.addEventListener("click", (e) => { e.preventDefault(); setTimeout(() => { document.querySelectorAll('.st-search-box input').forEach((input) => { input.focus(); }); }, 300); }); }); document.addEventListener("DOMContentLoaded", function () { let st_searchIcon = document.querySelectorAll(".st-search-icon"); let st_searchCrossIcon = document.querySelectorAll(".st-input-close-btn"); let st_searchBoxDesktop = document.querySelector( ".st-search-box.st-hidden-mobile" ); let st_searchBoxMobile = document.querySelector( ".st-search-box.st-hidden-desktop" ); let st_searchInputBoxDesktop = document.getElementById("st-search"); let isSearchBoxVisible = false; if (st_searchIcon) st_searchIcon.forEach((x) => { x.addEventListener("click", (e) => { if (st_searchBoxDesktop) st_searchBoxDesktop.style.display = isSearchBoxVisible ? "none" : ""; setTimeout(() => { if (st_searchInputBoxDesktop) document.getElementById("st-search").focus(); }, 200); if (st_searchBoxMobile) st_searchBoxMobile.style.display = isSearchBoxVisible ? "none" : ""; isSearchBoxVisible = !isSearchBoxVisible; focusAndOpenKeyboard(document.getElementById("st-search-mobile")); st_searchIcon.forEach((x) => { x.style.display = "none"; }); if (st_searchCrossIcon) st_searchCrossIcon.forEach((x) => { x.style.display = ""; }); }); }); if (st_searchCrossIcon) st_searchCrossIcon.forEach((x) => { x.addEventListener("click", (e) => { if (st_searchBoxDesktop) st_searchBoxDesktop.style.display = "none"; if (st_searchBoxMobile) st_searchBoxMobile.style.display = "none"; isSearchBoxVisible = false; if (st_searchIcon) { st_searchIcon.forEach((x) => { x.style.display = ""; }); } st_searchCrossIcon.forEach((x) => { x.style.display = "none"; }); }); }); function focusAndOpenKeyboard(el, timeout) { if (!timeout) { timeout = 100; } if (el) { // Align temp input element approximately where the input element is // so the cursor doesn't jump around var __tempEl__ = document.createElement("input"); __tempEl__.style.position = "absolute"; __tempEl__.style.top = el.offsetTop + 7 + "px"; __tempEl__.style.left = el.offsetLeft + "px"; __tempEl__.style.height = 0; __tempEl__.style.opacity = 0; // Put this temp element as a child of the page and focus on it document.body.appendChild(__tempEl__); __tempEl__.focus(); // The keyboard is open. Now do a delayed focus on the target element setTimeout(function () { el.setAttribute("autofocus", "autofocus"); el.focus(); el.click(); // Remove the temp element document.body.removeChild(__tempEl__); }, timeout); } } }); document.addEventListener("click", function (e) { const filterAnimation = document.querySelector(".st-filter-animation"); const filterSidebar = document.querySelector("#st-filter-sidebar"); const filterBtn = document.querySelector(".st-filter-btn"); if (!filterAnimation || !filterSidebar) return; if (filterAnimation.contains(e.target) && !filterSidebar.contains(e.target)) { document.body.classList.remove("st-filter-popup-is-open"); } if (!filterBtn) return; filterBtn.addEventListener('click', () => { if(!document.body.classList.contains("st-filter-popup-is-open")) { document.body.classList.add("st-filter-popup-is-open"); } }) }); window.addEventListener("DOMContentLoaded", () => { const searchInputBoxSelector = document.querySelectorAll( ".st-search-bar .st-search-bar-inner #st-search-box, .st-search-box input[name='st']" ); searchInputBoxSelector.forEach((searchInputBox) => { if (!searchInputBox) return; const staticPrefix = "Search For "; const dynamicPhrases = ["Essential Oils", "Fragrance Oils", "Carrier Oils", "Flavour Oils", "Lavender Oil", "Rosemary Oil", "Body Butters"]; let phraseIndex = 0; let charIndex = 0; let isDeleting = false; let isFocused = false; let cursorVisible = true; let typingStarted = false; let dynamicText = ""; // Prevent any placeholder from flashing searchInputBox.setAttribute("placeholder", ""); // Blinking cursor setInterval(() => { if (!typingStarted || isFocused) return; cursorVisible = !cursorVisible; updatePlaceholder(); }, 500); function updatePlaceholder() { if (isFocused) { searchInputBox.setAttribute("placeholder", ""); return; } const cursor = cursorVisible ? "|" : ""; searchInputBox.setAttribute("placeholder", staticPrefix + dynamicText + cursor); } function typeLoop() { typingStarted = true; const fullText = dynamicPhrases[phraseIndex]; if (!isDeleting) { if (charIndex <= fullText.length) { dynamicText = fullText.substring(0, charIndex); updatePlaceholder(); charIndex++; setTimeout(typeLoop, 100); } else { setTimeout(() => { isDeleting = true; typeLoop(); }, 1000); } } else { if (charIndex >= 0) { dynamicText = fullText.substring(0, charIndex); updatePlaceholder(); charIndex--; setTimeout(typeLoop, 50); } else { isDeleting = false; phraseIndex = (phraseIndex + 1) % dynamicPhrases.length; setTimeout(typeLoop, 500); } } } searchInputBox.addEventListener("focus", () => { isFocused = true; searchInputBox.setAttribute("placeholder", ""); }); searchInputBox.addEventListener("blur", () => { isFocused = false; updatePlaceholder(); }); // Start animation after a short delay setTimeout(() => { typeLoop(); }, 200); }); }); document.addEventListener("DOMContentLoaded", () => { var isINR = false; function addMoneyClass() { setTimeout(() => { let productCards = document.querySelectorAll(".st-product-card") if (!productCards.length) { console.warn("❌ Product cards not found for", product.id) return } productCards.forEach((productCard) => { let salePrice = productCard.querySelector(".st-sale-price") let mainPrice = productCard.querySelector(".st-main-price") if (!salePrice.classList.contains("money") && salePrice) { salePrice.classList.add("money") } if (mainPrice) { if (!mainPrice.classList.contains("money")) { mainPrice.classList.add("money") } } if (!isINR) { if (document.querySelector("#st_discounted_price_filter")) { document.querySelector("#st_discounted_price_filter").style.display = 'none'; } } else { if (document.querySelector("#st_discounted_price_filter")) { document.querySelector("#st_discounted_price_filter").style.display = 'block'; } } }); }, 500); } function waitForDoublyCurrency(callback, interval = 100, timeout = 5000) { const start = Date.now(); const timer = setInterval(() => { if (window.DoublyGlobalCurrency?.currentCurrency) { clearInterval(timer); callback(window.DoublyGlobalCurrency.currentCurrency); } // Stop trying after timeout if (Date.now() - start > timeout) { clearInterval(timer); } }, interval); } waitForDoublyCurrency((currency) => { isINR = currency === "INR"; }); document.addEventListener("stSearchResultsEvent", (event) => { if (!event.detail || !event.detail.data) { console.warn("⚠️ No product data found in event") return } waitForDoublyCurrency((currency) => { isINR = currency === "INR"; }); addMoneyClass(); }) }); document.addEventListener("DOMContentLoaded", () => { document.addEventListener("stSearchResultsEvent", (event) => { if(event.detail.source === 'searchResultsPage'){ event.detail.data.forEach(product => { setTimeout(() => { const productCards = document.querySelectorAll(`[data-st-product-id="${product.id}"]`); productCards.forEach(productCard => { productCard.setAttribute("data-product-id", product.id); const innerBox = productCard.querySelector(".st-inner-box"); const outerBox = productCard.querySelector(".st-outer-box"); if (!outerBox) return; const variantId = product.variants?.[0]?.id || ""; const imageSrc = product.images?.[0]?.src || ""; const productHandle = product.handle; const productTitle = product.title; const productId = product.id; const sectionId = "template--20961059209468__main"; const formId = `QuickAdd-ProductForm-${productId}-ANGRKeFF6eitLcjhWT__product-card`; if (!productCard.querySelector(".product-card__link")) { const productLink = document.createElement("a"); productLink.id = "342ddd33573eae9ba0df7dbba894c504"; productLink.href = `/products/${productHandle}?variant=${variantId}`; productLink.className = "product-card__link"; productLink.setAttribute("ref", "productCardLink"); productLink.innerHTML = ``; productCard.prepend(productLink); } if (innerBox && !innerBox.querySelector(".customquickaddtocart")) { const btn = document.createElement("button"); btn.className = "customquickaddtocart"; btn.type = "button"; btn.innerHTML = ` `; innerBox.appendChild(btn); } if (!outerBox.querySelector("quick-add-component")) { const wrapper = document.createElement("div"); wrapper.className = "card-bottom"; wrapper.innerHTML = `

`; outerBox.appendChild(wrapper); } }); }, 700); }); } }); });

Andhra Pradesh	Arunachal Pradesh	Assam
Bihar	Chhattisgarh	Goa
Meghalaya	Manipur	Maharashtra
Madhya Pradesh	Kerala	Karnataka
Haryana	Himachal Pradesh	Jharkhand
Uttarakhand	Uttar Pradesh	Tripura
Sikkim	Tamil Nadu	Telangana
Punjab	Odisha	Rajasthan
Raipur	Patna	Itanagar
Mumbai	Chennai	Pune
Lucknow	Ahmedabad	Bengaluru
Hyderabad	Kolkata	Delhi
Dispur	Amaravati	West Bengal
Bhopal	Imphal	Shillong
Aizawl	Kohima

Our Presence In India

More Recipes for You