(() => { const KEY = '__AVADA_GLOBAL_GIFT_CUSTOM_V6__'; if (window[KEY]) return; window[KEY] = true; const ROOT = '.Avada-GiftCampaign'; const CARD = '.Avada-GiftCampaignItem'; const PICKER = '.AvadaGiftCampaign__VariantPicker'; const ADD = '.AvadaVariantPicker__Add'; const mobile = window.matchMedia('(max-width: 768px)'); const mobileGiftButtons = new Map(); let observer; let pending = false; const options = { childList: true, subtree: true, characterData: true, attributes: true, attributeFilter: [ 'aria-checked', 'aria-selected', 'aria-disabled', 'disabled', 'hidden', 'value' ] }; function setText(element, value) { if (element && element.textContent !== value) { element.textContent = value; } } function setAttribute(element, name, value) { if (element && element.getAttribute(name) !== value) { element.setAttribute(name, value); } } function installStyles() { const style = document.createElement('style'); style.id = 'fg-mobile-layout-v6'; style.textContent = ` .fg-mobile-add-proxy { display: none; } .fg-extra-badge[hidden], .gift-selection-confirmation[hidden] { display: none !important; } @media (max-width: 768px) { .Avada-GiftCampaign__Container:has( > .Avada-GiftCampaign__ContentWrapper > .Avada-GiftCampaign__FooterWrapper--Modern ) { height: 100dvh !important; max-height: 100dvh !important; box-sizing: border-box !important; overflow: hidden !important; } .Avada-GiftCampaign__Container > .Avada-GiftCampaign__ContentWrapper:has( > .Avada-GiftCampaign__FooterWrapper--Modern ) { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; min-height: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .Avada-GiftCampaign__ContentWrapper > .Avada-GiftCampaign__ContentHeader--Modern { flex: 0 0 auto !important; } .Avada-GiftCampaign__ContentWrapper > .Avada-GiftCampaign__TrackContainer--Modern { flex: 1 1 auto !important; min-height: 0 !important; max-height: none !important; overflow-y: auto !important; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; padding-bottom: 16px; } .Avada-GiftCampaign__TrackContainer--Modern .Avada-GiftCampaignItem.-modern.-mobile { max-height: none !important; overflow: visible !important; } .Avada-GiftCampaign__ContentWrapper > .Avada-GiftCampaign__FooterWrapper--Modern { position: static !important; flex: 0 0 auto !important; width: 100% !important; max-height: 50dvh !important; overflow-y: auto !important; margin: 0 !important; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important; background: #fff; border-top: 1px solid #e5e7eb; box-sizing: border-box !important; box-shadow: none !important; } .Avada-GiftCampaign__FooterWrapper--Modern .Avada-GiftCampaign__ButtonAddToCart { position: static !important; width: 100% !important; min-height: 48px; margin: 12px 0 0 !important; flex-shrink: 0; } .Avada-GiftCampaign__FooterWrapper--Modern .Avada-ContinueShoppingText { position: static !important; margin: 8px 0 0 !important; padding: 8px 0 !important; text-align: center; } .AvadaGiftCampaign__VariantPicker .AvadaVariantPicker__Add.fg-native-add-mobile { display: none !important; } .Avada-GiftCampaign__FooterWrapper--Modern > .fg-mobile-add-proxy { appearance: none; display: flex !important; align-items: center; justify-content: flex-start; gap: 8px; width: 100%; min-height: 44px; margin: 12px 0 16px; padding: 8px 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: #d00058; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: normal; text-transform: none; text-align: left; cursor: pointer; } .fg-mobile-add-proxy__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 18px; width: 18px; height: 18px; border: 1px solid currentColor; border-radius: 50%; font-size: 16px; font-weight: 400; line-height: 1; } .fg-mobile-add-proxy:disabled { opacity: 0.5; cursor: not-allowed; } } `; document.head.appendChild(style); } function updateAddLabel(add) { const text = 'Add Another FREE Gift'; setText(add.querySelector(':scope > div'), text); setAttribute(add, 'aria-label', text); } function updateHeader(popup) { const title = popup.querySelector( '.Avada-GiftCampaign__PopupTitle' ); if (title && !title.querySelector('.gift-heading-accent')) { title.innerHTML = '' + 'Your FREE Gift Is Ready!'; } setText( popup.querySelector( '.Avada-GiftCampaign__ContentHeader--Modern .Avada-Description' ), 'You’ve unlocked a special gift. Choose your option below.' ); } function updateCard(card) { const title = card.querySelector( '.Avada-GiftCampaignItem__ProductTitle' ); const productName = title?.textContent.trim() || ''; const promotion = productName.match( /\bBUY\s+\d+\s+GET\s+\d+\s+FREE\b/i ); const badges = [...card.querySelectorAll('.gift-promotion')]; let badge = badges.shift(); badges.forEach(element => element.remove()); if (promotion && title) { if (!badge) { badge = document.createElement('div'); badge.className = 'gift-promotion'; } setText(badge, promotion[0].toUpperCase()); badge.hidden = false; if (title.nextElementSibling !== badge) { title.after(badge); } } else { badge?.remove(); } card.querySelectorAll( '.Avada-GiftCampaign__VariantPopupTrigger' ).forEach(trigger => { setAttribute(trigger, 'aria-label', 'Select Your Gift Option'); }); if (!card.querySelector(PICKER)) return; card.querySelectorAll(ADD).forEach(updateAddLabel); card.querySelectorAll( '.Avada-GiftCampaign__PriceDiscount' ).forEach(price => { [...price.childNodes].forEach(node => { if ( node.nodeType === Node.TEXT_NODE && /^\s*\$0(?:\.00)?\s*$/.test(node.data) ) { node.data = '$0.00 FREE'; } }); }); } function isDisabled(element) { return ( element.matches(':disabled') || element.getAttribute('aria-disabled') === 'true' ); } function removeMobileButton(original, proxy) { proxy.remove(); original.classList.remove('fg-native-add-mobile'); mobileGiftButtons.delete(original); } function updateMobileButtons() { const activeOriginals = new Set(); document.querySelectorAll(ROOT).forEach(popup => { const footer = popup.querySelector( '.Avada-GiftCampaign__FooterWrapper--Modern' ); const count = footer?.querySelector('.Avada-CountGifts'); const proxies = []; popup.querySelectorAll(`${PICKER} ${ADD}`).forEach(original => { updateAddLabel(original); if (!mobile.matches || !footer || !count) return; // Không tạo nút thay thế cho nút bị app đánh dấu hidden. if (original.closest('[hidden]')) return; activeOriginals.add(original); let proxy = mobileGiftButtons.get(original); if (!proxy) { proxy = document.createElement('button'); proxy.type = 'button'; proxy.className = 'fg-mobile-add-proxy'; const icon = document.createElement('span'); icon.className = 'fg-mobile-add-proxy__icon'; icon.setAttribute('aria-hidden', 'true'); icon.textContent = '+'; const label = document.createElement('span'); label.textContent = 'Add Another FREE Gift'; proxy.append(icon, label); proxy.addEventListener('click', () => { if (!original.isConnected || isDisabled(original)) return; // Nút gốc vẫn ở đúng parent do app quản lý. original.click(); schedule(); }); mobileGiftButtons.set(original, proxy); } proxy.disabled = isDisabled(original); setAttribute( proxy, 'aria-disabled', String(proxy.disabled) ); original.classList.add('fg-native-add-mobile'); proxies.push(proxy); }); if (count) { // Chỉ sắp xếp các nút custom; không di chuyển DOM gốc. let anchor = count; [...proxies].reverse().forEach(proxy => { if ( proxy.parentElement !== anchor.parentElement || proxy.nextSibling !== anchor ) { anchor.before(proxy); } anchor = proxy; }); } }); mobileGiftButtons.forEach((proxy, original) => { if ( !original.isConnected || !activeOriginals.has(original) ) { removeMobileButton(original, proxy); } }); } function readCount(source) { const match = source?.textContent.trim().match( /^(\d+)\s*\/\s*(\d+)\s*gift(?:s|$s$)?\s*selected$/i ); if (!match) return null; const selected = Number(match[1]); const max = Number(match[2]); if (selected > max) return null; return { selected, max }; } function updatePickerHeadings(cards, count) { cards.forEach(card => { card.querySelectorAll(PICKER).forEach(picker => { let heading = picker.querySelector( ':scope > .fg-extra-heading' ); if (!heading) { heading = document.createElement('div'); heading.className = 'fg-extra-heading'; heading.innerHTML = '' + ''; picker.prepend(heading); } setText( heading.querySelector('.fg-extra-label'), '🎁 Select Your Gift Option' ); const badge = heading.querySelector('.fg-extra-badge'); const showBadge = Boolean(count && count.max > 1); badge.hidden = !showBadge; if (showBadge) { setText(badge, `${count.selected} / ${count.max}`); } }); }); } function updateProgress(footer, source, cards, count) { if (!footer) return; const hasPicker = cards.some(card => card.querySelector(PICKER)); const showProgress = Boolean( source && hasPicker && count && count.max > 1 ); if (source) { source.classList.remove('fg-extra-native-count'); source.classList.toggle('fg-progress-count', showProgress); } if (!showProgress) { source?.removeAttribute('data-fg-count'); footer.querySelectorAll('.fg-extra-progress').forEach( block => block.remove() ); return; } setAttribute( source, 'data-fg-count', `${count.selected} of ${count.max}` ); let block = footer.querySelector('.fg-extra-progress'); if (!block) { block = document.createElement('div'); block.className = 'fg-extra-progress'; block.innerHTML = '

' + '' + '

'; } if (source.nextElementSibling !== block) { source.after(block); } const track = block.querySelector('.fg-extra-progress__track'); setAttribute(track, 'aria-valuenow', String(count.selected)); setAttribute(track, 'aria-valuemax', String(count.max)); setAttribute( track, 'aria-valuetext', `${count.selected} of ${count.max} gifts selected` ); const fill = block.querySelector('.fg-extra-progress__fill'); const width = `${count.selected / count.max * 100}%`; if (fill.style.width !== width) { fill.style.width = width; } } function getSelectedName(card, includeProduct) { const product = card.querySelector( '.Avada-GiftCampaignItem__ProductTitle' )?.textContent.trim() || 'FREE gift'; const variant = card.querySelector( '.Avada-GiftCampaign__VariantPopupTrigger .Avada-VariantTitle' )?.textContent.trim(); const hasVariant = variant && !/^default(?: title)?$/i.test(variant); if (!hasVariant) return product; return includeProduct ? `${product} — ${variant}` : variant; } function updateConfirmation(popup, footer, cards, count) { if (!footer) return; let confirmation = footer.querySelector( '.gift-selection-confirmation' ); if (!confirmation) { confirmation = document.createElement('div'); confirmation.className = 'gift-selection-confirmation'; confirmation.setAttribute('role', 'status'); confirmation.setAttribute('aria-live', 'polite'); confirmation.setAttribute('aria-atomic', 'true'); confirmation.hidden = true; const message = document.createElement('span'); message.className = 'gift-confirmation-message'; const names = document.createElement('strong'); names.className = 'gift-confirmation-names'; confirmation.append(message, names); footer.prepend(confirmation); } const selectedCards = cards.filter(card => card.querySelector( '.Avada-GiftCampaignItem__Checkbox[aria-checked="true"]' ) ); const hasPicker = cards.some(card => card.querySelector(PICKER)); const selected = count ? count.selected : hasPicker ? 0 : selectedCards.length; const hasSelection = selected > 0; popup.classList.toggle('gift-has-selection', hasSelection); confirmation.hidden = !hasSelection; if (!hasSelection) return; const canShowNames = !hasPicker && selectedCards.length > 0 && selectedCards.length === selected; const names = canShowNames ? selectedCards.map(card => getSelectedName(card, selectedCards.length > 1) ).join('; ') : ''; const message = `${selected} FREE ${selected === 1 ? 'gift' : 'gifts'} selected`; setText( confirmation.querySelector('.gift-confirmation-message'), message + (names ? ': ' : '') ); setText( confirmation.querySelector('.gift-confirmation-names'), names ); } function update() { document.querySelectorAll(ROOT).forEach(popup => { updateHeader(popup); const cards = [...popup.querySelectorAll(CARD)]; cards.forEach(updateCard); const footer = popup.querySelector( '.Avada-GiftCampaign__FooterWrapper--Modern' ); const source = footer?.querySelector('.Avada-CountGifts'); const count = readCount(source); updatePickerHeadings(cards, count); updateProgress(footer, source, cards, count); updateConfirmation(popup, footer, cards, count); }); updateMobileButtons(); } function schedule() { if (pending) return; pending = true; requestAnimationFrame(() => { pending = false; observer.disconnect(); try { update(); } finally { observer.observe(document.body, options); } }); } function isRelevant(record) { const target = record.target.nodeType === Node.ELEMENT_NODE ? record.target : record.target.parentElement; if (target?.closest(ROOT)) return true; return [...record.addedNodes, ...record.removedNodes].some( node => node.nodeType === Node.ELEMENT_NODE && (node.matches(ROOT) || node.querySelector(ROOT)) ); } function init() { installStyles(); observer = new MutationObserver(records => { if (records.some(isRelevant)) schedule(); }); update(); observer.observe(document.body, options); mobile.addEventListener('change', schedule); document.addEventListener('change', event => { if ( event.target instanceof Element && event.target.closest(ROOT) ) { schedule(); } }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init, { once: true }); } else { init(); } })();

Made for the moments that matter

Professional Spa Kits for Every Pedicure Service