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'; // // }) // // } // }) // }) }) 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(); } }); }) 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 }) ); }); 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); }); }); }); 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 expired = timer.textContent.trim() === "00h:00m:00s" || timer.textContent.trim() === "0h:00m:00s" || timer.textContent.trim() === "00:00:00"; timerBox.style.display = expired ? "none" : ""; const label = timerBox.parentElement.querySelector(".st_product_labels"); if (label) { label.style.display = expired ? "" : "none"; } }); } document.addEventListener("stSearchResultsEvent", function () { requestAnimationFrame(updateSaleTimerVisibility); }); setInterval(updateSaleTimerVisibility, 1000);

Sunscreen, Uncategorized

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