// lightning sale timer function initLightningSaleTimers() { document.querySelectorAll(".st-product-card").forEach(function (card) { if (card.querySelector(".lightingsaletag_labels")) return; const fieldBox = card.querySelector(".st-extra-field-box.st_sale_end_time .st-extra-field-value"); if (!fieldBox) return; const saleEndRaw = fieldBox.textContent.trim(); if (!saleEndRaw) return; const saleEndTime = new Date(saleEndRaw).getTime(); const now = Date.now(); if (!saleEndTime || saleEndTime <= now) return; const imageBox = card.querySelector(".st-image-container") || card.querySelector(".st-image-wrapper") || card.querySelector(".st-outer-box"); if (!imageBox) return; const timerHTML = `

`; imageBox.insertAdjacentHTML("beforeend", timerHTML); }); startLightningSaleCountdown(); } function startLightningSaleCountdown() { document.querySelectorAll(".tag.lightingsale").forEach(function (timerBox) { if (timerBox.dataset.timerInitialized === "true") return; timerBox.dataset.timerInitialized = "true"; const endTime = Number(timerBox.dataset.saleTimestamp); const timerText = timerBox.querySelector(".lightingsaletimer"); function updateTimer() { const diff = endTime - Date.now(); if (diff <= 0) { const wrapper = timerBox.closest(".m_prod_label"); if (wrapper) wrapper.remove(); return; } const totalSeconds = Math.floor(diff / 1000); const hours = Math.floor(totalSeconds / 3600); const minutes = Math.floor((totalSeconds % 3600) / 60); const seconds = totalSeconds % 60; timerText.textContent = `${hours}h:${minutes}m:${seconds}s`; } updateTimer(); setInterval(updateTimer, 1000); }); } document.addEventListener("stSearchResultsEvent", function () { setTimeout(initLightningSaleTimers, 300); }); // document.addEventListener("DOMContentLoaded", () => { // document.addEventListener("stSearchResultsEvent", (event) => { // event.detail.data.forEach(product => { // setTimeout(() => { // let productCard = document.querySelector(`[data-st-product-id="${product.id}"]`); // if (!productCard) return; // let imageContainer = productCard.querySelector('.st-image-container'); // let productContent = productCard.querySelector('.st-extra-field-box.st-product-net-content'); // let reviewsContainer = productCard.querySelector('.st-product-reviews-summary'); // if(imageContainer && productContent){ // imageContainer.appendChild(productContent); // } // if (imageContainer && reviewsContainer){ // imageContainer.appendChild(reviewsContainer); // } // }, 200); // }); // }); // }); if (window.location.href.includes('/searchtap-search')) { let heading = document.querySelector('.hdt-heading-template .hdt-main-heading'); if (heading) { heading.style.display = 'none'; } } // window.stCustomAddToCart = async function (id, quantity = 1) { // try { // document.dispatchEvent( // new CustomEvent("theme:loading:doing", { bubbles: true }) // ); // const bundleSections = []; // document.dispatchEvent( // new CustomEvent("cart:push:section.id", { // bubbles: true, // detail: { sections: bundleSections }, // }) // ); // const formData = new FormData(); // formData.append("form_type", "product"); // formData.append("utf8", "✓"); // formData.append("quantity", quantity); // formData.append("id", id); // if (bundleSections.length) { // formData.append("sections", bundleSections.join(",")); // formData.append("sections_url", window.location.pathname); // } // const addResponse = await fetch(`${Shopify.routes.root}cart/add.js`, { // method: "POST", // headers: { // Accept: "application/json", // "X-Requested-With": "XMLHttpRequest", // }, // body: formData, // }); // if (!addResponse.ok) { // throw new Error(addResponse.statusText); // } // const addData = await addResponse.json(); // const cartResponse = await fetch(`${Shopify.routes.root}cart.js`); // const cartData = await cartResponse.json(); // cartData.sections = addData.sections || {}; // document.querySelectorAll("hdt-cart-count").forEach((countEl) => { // countEl.itemCount = cartData.item_count || 0; // }); // document.dispatchEvent( // new CustomEvent("cart:change", { // bubbles: true, // detail: { // baseEvent: "variant:add", // cart: cartData, // }, // }) // ); // } catch (error) { // console.error("Add to cart error:", error); // } finally { // document.dispatchEvent( // new CustomEvent("theme:loading:done", { bubbles: true }) // ); // } // }; // window.stCustomAddToCart = async function (id, quantity = 1) { // try { // document.dispatchEvent( // new CustomEvent("theme:loading:doing", { bubbles: true }) // ); // const bundleSections = []; // document.dispatchEvent( // new CustomEvent("cart:push:section.id", { // bubbles: true, // detail: { sections: bundleSections }, // }) // ); // const formData = new FormData(); // formData.append("form_type", "product"); // formData.append("utf8", "✓"); // formData.append("quantity", quantity); // formData.append("id", id); // if (bundleSections.length) { // formData.append("sections", bundleSections.join(",")); // formData.append("sections_url", window.location.pathname); // } // const addResponse = await fetch(`${Shopify.routes.root}cart/add.js`, { // method: "POST", // headers: { // Accept: "application/json", // "X-Requested-With": "XMLHttpRequest", // }, // body: formData, // }); // if (!addResponse.ok) { // throw new Error(addResponse.statusText); // } // const addData = await addResponse.json(); // const cartResponse = await fetch(`${Shopify.routes.root}cart.js`); // const cartData = await cartResponse.json(); // const productCard = document.querySelector( // `.st-search-root .st-autocomplete-container .st-product-card[data-st-product-activevariant-id="${id}"]` // ); // if (productCard) { // productCard.classList.add("st-added-to-cart"); // const input = productCard.querySelector(".st-variable-cart-quantity input"); // if (input) { // input.value = quantity; // } // } // cartData.sections = addData.sections || {}; // document.querySelectorAll("hdt-cart-count").forEach((countEl) => { // countEl.itemCount = cartData.item_count || 0; // }); // document.dispatchEvent( // new CustomEvent("cart:change", { // bubbles: true, // detail: { // baseEvent: "variant:add", // cart: cartData, // }, // }) // ); // } catch (error) { // console.error("Add to cart error:", error); // } finally { // document.dispatchEvent( // new CustomEvent("theme:loading:done", { bubbles: true }) // ); // } // }; // window.addEventListener("DOMContentLoaded", function () { // let crossIcon = document.querySelectorAll(".st-input-action-btn"); // let searchBox = document.querySelectorAll("input[name='st']"); // searchBox.forEach((item) => { // if (item.value.length > 0) { // crossIcon.forEach((cross) => { // cross.style.display = 'block'; // }) // } // }) // crossIcon.forEach((cross)=> { // cross.addEventListener("click", () => { // window.scrollTo({ top: 0, behavior: "instant" }); // searchBox.forEach((inputBox) => { // setTimeout(() => { // inputBox.focus(); // }, 3000); // }) // }) // }) // searchBox.forEach((item) => { // item.addEventListener("input", () => { // if (item.value.length === 0) { // window.scrollTo({ top: 0, behavior: "instant" }); // setTimeout(() => { // item.focus(); // }, 300); // } // // else { // // crossIcon.forEach((cross) => { // // cross.style.display = 'block'; // // }) // // } // }) // }) // }) // dynamic placeholder window.addEventListener("DOMContentLoaded", function () { let searchInputBoxSelector = document.querySelectorAll(".st-search-box.hidden-mobile input[name='st'], .st-search-box.hidden-desktop.st-hidden-desktop input[name='st']"); searchInputBoxSelector.forEach((searchInputBox) => { if (searchInputBox) { searchInputBox.setAttribute("placeholder", ""); const placeHolderPhrases = [ "Search For Soap", "Search For Serum", "Search For Face Wash" ]; 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(); } }); }) // Move skin type label document.addEventListener('stSearchResultsEvent', () => { setTimeout(() => { document.querySelectorAll('.st-product-card').forEach(card => { const skinType = card.querySelector('.st_suitable_for_skin_type'); const imageContainer = card.querySelector('.st-image-container'); if (!skinType || !imageContainer) return; imageContainer.appendChild(skinType); }); }, 100); }); // document.addEventListener("click", async function (e) { // const plusBtn = e.target.closest(".st-search-root .st-autocomplete-container .st-increase-quantity-btn"); // const minusBtn = e.target.closest(".st-search-root .st-autocomplete-container .st-decrease-quantity-btn"); // if (!plusBtn && !minusBtn) return; // const productCard = e.target.closest(".st-product-card"); // if (!productCard) { // console.error("Product card not found"); // return; // } // const variantId = productCard.dataset.stProductActivevariantId; // const qtyWrapper = productCard.querySelector(".st-variable-cart-quantity"); // const input = qtyWrapper.querySelector("input"); // let quantity = parseInt(input.value || 1); // if (plusBtn) quantity++; // if (minusBtn) quantity--; // if (quantity <= 0) { // quantity = 0; // productCard.classList.remove("st-added-to-cart"); // } // input.value = quantity; // const minus = qtyWrapper.querySelector(".st-decrease-quantity-btn"); // if (quantity <= 1) // minus.classList.add("st-cursor-disabled"); // else // minus.classList.remove("st-cursor-disabled"); // const cart = await fetch("/cart.js").then(r => r.json()); // const item = cart.items.find(item => item.variant_id == variantId); // if (!item) { // console.error("Item not found in cart"); // return; // } // const response = await fetch("/cart/change.js", { // method: "POST", // headers: { // "Content-Type": "application/json", // "Accept": "application/json" // }, // body: JSON.stringify({ // id: item.key, // quantity: quantity // }) // }); // const changeResponse = await response.json(); // const updatedCart = await fetch("/cart.js").then(r => r.json()); // document.dispatchEvent( // new CustomEvent("cart:change", { // bubbles: true, // detail: { // baseEvent: "variant:update", // cart: updatedCart // } // }) // ); // document.dispatchEvent( // new CustomEvent("cart:refresh", { // bubbles: true // }) // ); // }); // ATC document.addEventListener("DOMContentLoaded", () => { document.addEventListener("stSearchResultsEvent", (event) => { if (!["searchResultsPage", "autoCompleteProductPage"].includes(event.detail.source)) { return; } event.detail.data.forEach((product) => { setTimeout(() => { const productCards = document.querySelectorAll( `[data-st-product-id="${product.id}"]` ); productCards.forEach((productCard) => { const innerBox = productCard.querySelector(".st-inner-box"); if (!innerBox) { return; } if (innerBox.querySelector(".hdt-product-btns")) { return; } const variant = product.variants.find( v => String(v.id) === String(product.activeVariantId) ) || product.variants[0]; if (!variant) { return; } const atcHTML = `

`; const priceBox = innerBox.querySelector(".st-price-box"); if (priceBox) { priceBox.insertAdjacentHTML("afterend", atcHTML); } else { innerBox.insertAdjacentHTML("beforeend", atcHTML); } const btnWrapper = productCard.querySelector(".hdt-product-btns"); if (btnWrapper) { btnWrapper.addEventListener("click", function (e) { e.stopPropagation(); }); } }); }, 300); }); }); }); // View all button document.addEventListener('stSearchResultsEvent',function selectVariantImage(e){ // if(e.detail.source != "autoCompleteProductPage"){ // return; // } setTimeout(function() { let header = document.querySelector('.st-search-root .st-autocomplete-container #st-before-search #st-product-wrapper .st-product-header'); if(header && !header.querySelector('.st-view-all')){ let btn = document.createElement("button"); btn.innerHTML = ` View All Best Sellers `; btn.setAttribute('class', 'st-view-all'); btn.addEventListener('click', function() { window.location.href = 'https://mamaearthprod.myshopify.com/pages/searchtap-search?q=best%20sellers'; }); header.appendChild(btn);}}, 100); } ); // function updateSaleTimerVisibility() { // document.querySelectorAll(".st_sale_end_time").forEach(timerBox => { // const timer = timerBox.querySelector(".st-extra-field-value"); // if (!timer) return; // const timerValue = timer.textContent.trim(); // const saleEndDate = new Date(timerValue); // const now = new Date(); // const expired = // isNaN(saleEndDate.getTime()) || // saleEndDate <= now || // timerValue === "00h:00m:00s" || // timerValue === "0h:00m:00s" || // timerValue === "00:00:00"; // // Hide timer if expired // timerBox.style.display = expired ? "none" : ""; // // Show parent as flex if expired // const parent = timerBox.parentElement; // if (parent) { // parent.style.display = expired ? "flex" : ""; // } // // Show/hide product labels // const label = parent?.querySelector(".st_product_labels"); // if (label) { // label.style.display = expired ? "" : "none"; // } // }); // } // document.addEventListener("stSearchResultsEvent", function () { // requestAnimationFrame(updateSaleTimerVisibility); // }); // setInterval(updateSaleTimerVisibility, 1000);

Sunscreens

Filter

Categories

Top Categories

Useful links

Information

My account

show us some love ♥ on social media

Your cart

Your cart is empty

Search our site

show us some love on social media