Special Sale - 8% OFF

`; root.querySelectorAll('.cd-product-item').forEach(item => { const ids = opusExtractIds(item); const isSpecialSale = ids.some(id => window.opusProductTemplates[id] === 'special-sale-product' ); const existingBanner = item.querySelector('.discount-special-sale-8-off'); if (isSpecialSale && !existingBanner) { const numberInputContainer = item.querySelector('.cd-number-input-container'); if (!numberInputContainer) return; // Remove the empty .opus-section-price placeholder Opus renders by default, // so our banner takes its place at the top of .cd-number-input-container const emptyPlaceholder = numberInputContainer.querySelector(':scope > .opus-section-price:empty, :scope > .opus-section-price:not(.discount-special-sale-8-off)'); if (emptyPlaceholder && !emptyPlaceholder.querySelector('.opus-discount-code')) { emptyPlaceholder.remove(); } // Insert as the FIRST child inside .cd-number-input-container, before .wrapper-price-section numberInputContainer.insertAdjacentHTML('afterbegin', discountHTML); } else if (!isSpecialSale && existingBanner) { existingBanner.remove(); } }); } async function handleCartEvents(event) { const shadowRoot1 = document.getElementById('opus-shadow-container')?.shadowRoot; const root1 = shadowRoot1 ? shadowRoot1 : document; // remove free gift const FREE_PRODUCT1_ID = 8127221760079; const dataCart = event.detail.cart || event?.detail; const totalPriceCart = dataCart.total_price ?? 0; const hasFreeProduct1 = dataCart.items.find(item => FREE_PRODUCT1_ID === item.product_id ); if (totalPriceCart >= 850000 && hasFreeProduct1) { const updates = { [hasFreeProduct1.key]: 0 }; await fetch("/cart/update.js?opus=true", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ updates }) }); if (window.opusRefreshCart) { window.opusRefreshCart(); } } // end remove free gift handleHideSubscription(); handleSpecialSaleDiscountBanner(); const countItems = event.detail.cart?.item_count || event?.detail?.item_count; const titleSub = root1.querySelector('.opus-title-subtotal'); if (titleSub) { titleSub.textContent = `Subtotal (${countItems} items)`; } if (root1.querySelector('.opus-extra-price')) { root1.querySelector('.opus-extra-price').remove(); } const totalPrice = (window.opusCartPriceInfo.totalPrice ?? 0) + (window.opusCartPriceInfo.totalCompareAtPrice ?? 0) root1.querySelector('.opus-subtotal-amount.money')?.insertAdjacentHTML("beforeend", ` ${window.OpusConvertMoney(totalPrice)} `); const infoCustomer = window.opusInfoShopRequired; const idCustomer = infoCustomer?.customer?.id; const textLogin = idCustomer ? "My account" : "Login" if (root1.querySelector('.opus-extra-btn-login')) { root1.querySelector('.opus-extra-btn-login').remove(); } root1.querySelector('.opus-drawer-container-title')?.insertAdjacentHTML("beforeend", ``); } window.addEventListener('OpusCartChange', handleCartEvents); window.addEventListener('OpusOpenCartState', handleCartEvents); setInterval(() => { const shadowRoot = document.getElementById('opus-shadow-container')?.shadowRoot; const root = shadowRoot ? shadowRoot : document; const btnContinueEmpty = root.querySelector('.cd-product-list-empty .btn-continue'); handleHideSubscription(); handleSpecialSaleDiscountBanner(); // const elScroll = root.querySelector('.opus-scroll-items'); // if (elScroll) { // if (!elScroll.querySelector('.opus-extra-banner')) { // elScroll.insertAdjacentHTML("afterbegin", // ``); // } // if (!elScroll.querySelector('.opus-extra-footer')) { // elScroll?.insertAdjacentHTML("beforeend", // ``); // } // } if (btnContinueEmpty) { if (!btnContinueEmpty.dataset.binded) { btnContinueEmpty.dataset.binded = 'true'; btnContinueEmpty.addEventListener('click', (e) => { window.location.href = 'https://thepurest.ph/collections/all'; }); } } if (btnContinueEmpty && !root.querySelector('.opus-extra-text-empty')) { btnContinueEmpty.insertAdjacentHTML("beforebegin", `

Add your favorite items to your cart

`); } }, 500) const observer = new MutationObserver(() => { const noteContainer = document.querySelector('.special-instructions-label'); if (noteContainer) { noteContainer.click(); observer.disconnect(); } }); observer.observe(document.body, { childList: true, subtree: true }); let isUpdatingCart = false; async function injectCartComparePrices(event) { if (isUpdatingCart) return; isUpdatingCart = true; const data = event.detail; if (!data?.items?.length) { isUpdatingCart = false; return; } const listHandle = data.items.map(i => i.handle); const opusCartV2 = JSON.parse(localStorage.getItem('opusCartV2')) || {}; // Cache-bust per minute so changes propagate quickly const cacheBust = Math.floor(Date.now() / 60000); // Fetch .js (for prices/variants - existing logic) AND .json (for template_suffix) in parallel const productPairs = await Promise.all( listHandle.map(handle => Promise.all([ fetch(`/products/${handle}.js?v=${cacheBust}`) .then(res => res.json()) .catch(() => null), fetch(`/products/${handle}.json?v=${cacheBust}`) .then(res => res.json()) .then(data => data?.product || null) .catch(() => null) ])) ); productPairs.forEach(([productJs, productJson]) => { if (!productJs) return; // Pull template_suffix from .json (since .js doesn't include it) const templateSuffix = productJson?.template_suffix || ''; if (productJs.id != null) { window.opusProductTemplates[productJs.id] = templateSuffix; } const variants = productJs.variants || []; variants.forEach(item => { const variantId = item.id; const compareAtPrice = item.compare_at_price ? item.compare_at_price: item.price; window.opusProductTemplates[variantId] = templateSuffix; window.OpusSetCompareAtPrice(variantId, { rate: window.Shopify.currency.rate, compareAtPrice, tags: productJs.tags || [] }); opusCartV2[variantId] = { compareAtPrice, rate: window.Shopify.currency.rate, tags: productJs.tags || [] }; }); }); localStorage.setItem('opusCartV2', JSON.stringify(opusCartV2)); await window.opusRefreshCart(); handleSpecialSaleDiscountBanner(); isUpdatingCart = false; } window.addEventListener('OpusCartChange', injectCartComparePrices); window.addEventListener('OpusOpenCartState', injectCartComparePrices); (function () { let cachedCart = null; let isClaiming = false; function getRoot() { const shadowHost = document.getElementById('opus-shadow-container'); return shadowHost && shadowHost.shadowRoot ? shadowHost.shadowRoot : document; } // 1. Nhúng Style cho Banner function ensureStyles() { const root = getRoot(); if (root.querySelector('#opus-gift-claim-style')) return; const style = document.createElement('style'); style.id = 'opus-gift-claim-style'; style.textContent = ` .opus-gift-claim-banner { display: flex; justify-content: space-between; align-items: center; background: #ffffff; border: 1.5px solid #004f52; border-radius: 6px; padding: 10px 14px; margin: 10px 0 12px 0; cursor: pointer; box-sizing: border-box; width: 100%; transition: all 0.2s ease; user-select: none; } .opus-gift-claim-banner:hover { background-color: #f7faf9; } .opus-gift-claim-left { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #1a1a1a; } .opus-gift-claim-icon { font-size: 16px; line-height: 1; display: flex; align-items: center; } .opus-gift-claim-action { font-size: 13px; font-weight: 700; color: #004f52; text-decoration: underline; cursor: pointer; white-space: nowrap; display: flex; align-items: center; gap: 5px; } .opus-gift-claim-spinner { display: inline-block; width: 12px; height: 12px; border: 2px solid #004f52; border-top-color: transparent; border-radius: 50%; animation: opus-spin-gift 0.6s linear infinite; } @keyframes opus-spin-gift { to { transform: rotate(360deg); } } `; (root.head || root).appendChild(style); } // 2. Thuật toán kiểm tra quà đạt mốc từ window.opusWidget.settings.freeGifts.listOffers function getUnclaimedGifts(cart) { if (!cart || !cart.items) return []; const freeGiftsConfig = window?.opusWidget?.settings?.freeGifts; const listOffers = freeGiftsConfig?.listOffers || []; if (!listOffers.length) return []; // Kiểm tra giới hạn quà tối đa trong giỏ if (freeGiftsConfig.isEnableLimitInCart) { const limitInCart = freeGiftsConfig.limitInCart || 1; const currentGiftsInCart = cart.items.filter((item) => Boolean(item.properties?.__cd_opus_free_gift) ).length; if (currentGiftsInCart >= limitInCart) return []; } // Lọc các item quà đã có trong cart const giftLinesInCart = cart.items.filter((item) => Boolean(item.properties?.__cd_opus_free_gift) ); const giftProductIds = new Set(giftLinesInCart.map((i) => Number(i.product_id))); const giftHandles = new Set(giftLinesInCart.map((i) => i.handle)); // Tính tổng tiền & số lượng sản phẩm chính (không tính các line quà tặng) const giftTotalValue = giftLinesInCart.reduce( (sum, item) => sum + (item.final_line_price || item.line_price || 0), 0 ); const cartTotalPrice = Math.max((cart.total_price || 0) - giftTotalValue, 0); const cartNonGiftCount = cart.items .filter((item) => !item.properties?.__cd_opus_free_gift) .reduce((sum, item) => sum + item.quantity, 0); const rate = Number(window?.Shopify?.currency?.rate) || 1; const unclaimed = []; listOffers.forEach((offer, index) => { // Kiểm tra xem giỏ hàng có đạt mốc của offer này chưa const meets = offer.type === 'miniumQuantity' ? cartNonGiftCount >= (offer.quantity || 1) : cartTotalPrice >= (offer.amount || 0) * rate * 100; if (!meets) return; const offerKey = offer.id ? `freeGift_${offer.id}` : `freeGift${index + 1}`; // Kiểm tra giới hạn quà riêng của offer này if (offer.isLimitFreeProduct) { const countThisOfferInCart = cart.items.filter( (i) => i.properties?.__cd_opus_free_gift === offerKey ).length; if (countThisOfferInCart >= (offer.limitFreeProduct || 1)) return; } // Tìm sản phẩm quà của offer chưa có trong giỏ (offer.freeProducts || []).forEach((product) => { const numPid = Number(String(product.id || '').replace(/\D/g, '')); const isAlreadyInCart = (numPid && giftProductIds.has(numPid)) || (product.handle && giftHandles.has(product.handle)); if (!isAlreadyInCart) { let variantId = null; if (product.variants && product.variants.length > 0) { variantId = Number(String(product.variants[0].id).replace(/\D/g, '')); } if (variantId) { unclaimed.push({ id: variantId, offerKey: offerKey, offerId: offer.id || offerKey, }); } } }); }); return unclaimed; } // 3. Quick add tất cả các quà đang đạt mốc vào cart async function claimAllGifts() { if (isClaiming || !cachedCart) return; const unclaimed = getUnclaimedGifts(cachedCart); if (!unclaimed.length) return; isClaiming = true; const root = getRoot(); const actionEl = root.querySelector('.opus-gift-claim-action'); if (actionEl) { actionEl.innerHTML = ' Claiming...'; } try { const itemsToAdd = unclaimed.map((gift) => ({ id: gift.id, quantity: 1, properties: { __cd_opus_free_gift: gift.offerKey, __opus_discount: JSON.stringify({ id: String(gift.offerId) }), }, })); // Gọi thẳng Shopify API add toàn bộ quà cùng 1 lúc await fetch( (window?.Shopify?.routes?.root || '/') + 'cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items: itemsToAdd }), } ); // Cập nhật lại cart drawer if (typeof window.opusRefreshCart === 'function') { await window.opusRefreshCart(); } else { const res = await fetch((window?.Shopify?.routes?.root || '/') + 'cart.js'); const updatedCart = await res.json(); cachedCart = updatedCart; updateUI(updatedCart); } } catch (err) { console.error('[QuickClaimGifts] Error:', err); } finally { isClaiming = false; if (actionEl) actionEl.textContent = 'Claim it'; } } var host = document.getElementById('opus-shadow-container'); var root = (host && host.shadowRoot) || document; function styleButtons() { document.querySelectorAll('.opus-text-subscription-upgrade').forEach(function (p) { if (p.dataset.styled) return; var m = p.textContent.match(/([A-Za-z₱$€£¥₹]{1,3}\s?[\d,]+(?:\.\d+)?)\s*$/); if (!m) return; var amount = m[1]; var label = p.textContent.slice(0, p.textContent.length - amount.length); p.dataset.styled = '1'; p.innerHTML = ''; if (label) { var l = document.createElement('span'); l.className = 'opus-sub-label'; l.textContent = label; p.appendChild(l); } var a = document.createElement('span'); a.className = 'opus-sub-amount'; a.textContent = amount; p.appendChild(a); }); } // 4. Cập nhật Banner hiển thị / ẩn function updateUI(cart) { if (!cart) return; cachedCart = cart; const root = getRoot(); ensureStyles(); const unclaimed = getUnclaimedGifts(cart); const hasUnclaimed = unclaimed.length > 0; let banner = root.querySelector('.opus-gift-claim-banner'); // Nếu đã claim hết quà hoặc chưa đạt mốc -> Ẩn banner if (!hasUnclaimed) { if (banner) banner.style.display = 'none'; return; } // Nếu có quà chưa claim -> Tạo hoặc hiển thị banner if (!banner) { banner = document.createElement('div'); banner.className = 'opus-gift-claim-banner'; banner.innerHTML = `

🎁 Your free gift isn't in the cart yet.

Claim it

`; banner.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); claimAllGifts(); }); } banner.style.display = 'flex'; // Đặt banner ngay trên nút Checkout const checkoutBtn = root.querySelector('.opus-btn-checkout') || root.querySelector('#opus-checkout-btn-2') || root.querySelector('.cd-checkout-section-button')?.parentElement; if (checkoutBtn && banner.nextElementSibling !== checkoutBtn) { checkoutBtn.parentNode.insertBefore(banner, checkoutBtn); } } window.addEventListener('OpusCartChange', (e) => { updateUI(e.detail); styleButtons(); }); window.addEventListener('OpusOpenCartState', (e) => { updateUI(e.detail); styleButtons(); }); })();