${productId}"]`); if (!list.length) return; const optionsContainer = list[list.length - 1]; optionsContainer.querySelectorAll('.kt-product-form__input [type=radio]:checked+label').forEach(input => { optionNames.innerHTML += `${input.innerText}`; }); }); } function showDiscountPrice(parentElement) { const priceContainers = parentElement.querySelectorAll('.total-price'); if (!priceContainers.length) return; for (const priceContainer of priceContainers) { if (!priceContainer.querySelector('.price-item--new')) { const newPrice = document.createElement('span'); newPrice.classList.add('price-item--new'); priceContainer.appendChild(newPrice); } const oldPrice = priceContainer.querySelector('.price-item--normal'); const newPrice = priceContainer.querySelector('.price-item--new'); const discountData = JSON.parse(parentElement.dataset.discount); if (discountData.enable && newPrice && oldPrice) { newPrice.innerText = oldPrice.innerText; const totalAmount = parseFloat(oldPrice.innerText.replace(/[^\d.-]/g, '')); const discountedAmount = discountData.type == 'PERCENTAGE' ? totalAmount - (totalAmount * (discountData.value / 100)) : totalAmount - discountData.value; newPrice.innerText = `$${discountedAmount.toFixed(2)}`; } } } /* ---------- Quick Ship ---------- */ var lfQsPromise = null; var lfQsSet = null; var lfSnapping = false; var lfAutoDone = {}; // productId -> true once auto-selection ran or the shopper touched it function loadQuickShipIds() { if (lfQsPromise) return lfQsPromise; lfQsPromise = (async () => { try { const cached = JSON.parse(sessionStorage.getItem('lfQS') || 'null'); if (cached && cached.ids && cached.ids.length && Date.now() - cached.t < 600000) { return new Set(cached.ids.map(String)); } } catch (e) {} const ids = []; let page = 1, pages = 1; do { const res = await fetch('/pages/qs-variants?page=' + page); const json = JSON.parse(await res.text()); ids.push(...json.ids); pages = json.pages; page++; } while (page <= pages); try { sessionStorage.setItem('lfQS', JSON.stringify({ t: Date.now(), ids })); } catch (e) {} return new Set(ids.map(String)); })().catch(err => { console.warn('QuickShip load failed', err); lfQsPromise = null; return new Set(); }); return lfQsPromise; } // On first load, switch each product to a quick-ship variant when one exists function autoSelectQuickShip(qsIds, byProduct) { Object.keys(byProduct).forEach(pid => { if (lfAutoDone[pid]) return; const product = lfProducts[pid]; if (!product) return; lfAutoDone[pid] = true; const qs = product.variants.filter(v => qsIds.has(String(v.id)) && v.available !== false); if (!qs.length) return; byProduct[pid].forEach(box => { const fieldsets = [...box.querySelectorAll('fieldset.kt-product-form__input')]; if (!fieldsets.length) return; const selected = fieldsets.map(fs => fs.querySelector('input:checked')?.value); if (selected.some(v => v == null)) return; if (qs.some(v => v.options.every((o, i) => o === selected[i]))) return; // already quick ship // closest quick-ship variant to the current default selection let best = null, bestScore = -1; qs.forEach(v => { const score = v.options.reduce((s, o, i) => s + (o === selected[i] ? 1 : 0), 0); if (score > bestScore) { best = v; bestScore = score; } }); if (!best) return; lfSnapping = true; fieldsets.forEach((fs, i) => { if (selected[i] === best.options[i]) return; const target = [...fs.querySelectorAll('input.variant-radio')].find(r => r.value === best.options[i]); if (target) { target.checked = true; target.dispatchEvent(new Event('change', { bubbles: true })); } }); lfSnapping = false; }); }); } // Synchronous: uses an already-loaded id set, so it can run inside event handlers function applyQuickShipNow(qsIds) { if (!qsIds || !qsIds.size || !window.lfProducts) return; const byProduct = {}; document.querySelectorAll('.kt-select-options[data-product]').forEach(box => { (byProduct[box.dataset.product] = byProduct[box.dataset.product] || []).push(box); }); autoSelectQuickShip(qsIds, byProduct); const madeToOrder = {}; // productId -> true when its selected variant is NOT quick ship Object.keys(byProduct).forEach(pid => { const product = lfProducts[pid]; if (!product) return; const boxes = byProduct[pid]; const qsVariants = product.variants.filter(v => qsIds.has(String(v.id))); // Swatches: ⚡ if ANY quick-ship variant has this value in this position boxes.forEach(box => { box.querySelectorAll('fieldset.kt-product-form__input').forEach((fs, i) => { fs.querySelectorAll('input.variant-radio').forEach(input => { const label = fs.querySelector('label[for="' + input.id + '"]'); if (label) label.classList.toggle('lf-qs', qsVariants.some(v => v.options[i] === input.value)); }); }); }); // Selection comes from the last options box (same one showVariantOptions uses) const lastBox = boxes[boxes.length - 1]; const fieldsets = [...lastBox.querySelectorAll('fieldset.kt-product-form__input')]; if (!fieldsets.length) return; const selected = fieldsets.map(fs => fs.querySelector('input:checked')?.value); const complete = !selected.some(v => v == null); const exact = complete && qsVariants.some(v => v.options.every((o, i) => o === selected[i])); if (complete && !exact) madeToOrder[pid] = true; // Title chip: every copy of this product's hotspot, plus the nearest one around each options box const targets = new Set(document.querySelectorAll( '.hotspot-item-product[data-id="' + pid + '"] .hotspot-option-names')); boxes.forEach(box => { let el = box.parentElement; while (el && el !== document.body) { const n = el.querySelector('.hotspot-option-names'); if (n) { targets.add(n); break; } el = el.parentElement; } }); targets.forEach(names => { const existing = names.querySelector('.lf-qs-chip'); if (exact && !existing) { names.insertAdjacentHTML('beforeend', '\u26A1 Quick ship item'); } else if (!exact && existing) { existing.remove(); } }); }); // Made-to-order warning above "Add All to Cart" document.querySelectorAll('.alltocartall').forEach(btn => { const gallery = btn.closest('.lookfy-gallery') || btn.parentElement; if (!gallery) return; const items = [...gallery.querySelectorAll('.hotspot-item-product')]; const anyAdded = items.some(i => i.classList.contains('added')); const hasMTO = items.some(i => (!anyAdded || i.classList.contains('added')) && madeToOrder[i.dataset.id]); const prev = btn.previousElementSibling; const warning = prev && prev.classList.contains('lf-qs-warning') ? prev : null; if (hasMTO && !warning) { btn.insertAdjacentHTML('beforebegin', '

\u26A0 Your selection includes made-to-order items
' + 'These need up to one week of production before shipping.

'); } else if (!hasMTO && warning) { warning.remove(); } }); } async function applyQuickShip() { lfQsSet = await loadQuickShipIds(); applyQuickShipNow(lfQsSet); } // When a ⚡ swatch is clicked, move the other options to the nearest quick-ship variant function snapToQuickShip(input) { const box = input.closest('.kt-select-options'); const product = box && window.lfProducts && lfProducts[box.dataset.product]; const qsIds = lfQsSet; if (!product || !qsIds || !qsIds.size) return; const fieldsets = [...box.querySelectorAll('fieldset.kt-product-form__input')]; const idx = fieldsets.findIndex(fs => fs.contains(input)); const selected = fieldsets.map(fs => fs.querySelector('input:checked')?.value); if (idx < 0) return; const qsVariants = product.variants.filter(v => qsIds.has(String(v.id))); if (qsVariants.some(v => v.options.every((o, i) => o === selected[i]))) return; let best = null, bestScore = -1; qsVariants.forEach(v => { if (v.options[idx] !== input.value) return; const score = v.options.reduce((s, o, i) => s + (o === selected[i] ? 1 : 0), 0); if (score > bestScore) { best = v; bestScore = score; } }); if (!best) return; lfSnapping = true; fieldsets.forEach((fs, i) => { if (i === idx || selected[i] === best.options[i]) return; const target = [...fs.querySelectorAll('input.variant-radio')].find(r => r.value === best.options[i]); if (target) { target.checked = true; target.dispatchEvent(new Event('change', { bubbles: true })); } }); lfSnapping = false; } /* ---------- Events ---------- */ document.addEventListener("lfGalleryRowCart", (t) => { const parentElement = t.detail?.lfGalleryRow.closest('.lookfy-gallery'); showDiscountPrice(parentElement); setTimeout(applyQuickShip, 0); }); document.addEventListener("lookfyGallery", (t) => { const parentElement = t.detail?.row.closest('.lookfy-gallery'); showDiscountPrice(parentElement); showVariantOptions(parentElement); setTimeout(applyQuickShip, 0); setTimeout(applyQuickShip, 800); }); document.addEventListener("change", async (t) => { if (t.target && t.target.classList.contains('variant-radio')) { const optionsElement = t.target.closest('.kt-select-options'); const productId = optionsElement.dataset.product; if (t.isTrusted) lfAutoDone[productId] = true; // shopper chose: never auto-override if (!lfQsSet) lfQsSet = await loadQuickShipIds(); if (!lfSnapping && t.isTrusted) snapToQuickShip(t.target); const parentElement = document.querySelector('.hotspot-item-product[data-id="' + productId + '"]')?.closest('.lookfy-gallery'); showDiscountPrice(parentElement); showVariantOptions(parentElement); applyQuickShipNow(lfQsSet); setTimeout(applyQuickShip, 0); setTimeout(applyQuickShip, 250); } }); setTimeout(applyQuickShip, 1000); // Re-apply whenever Lookfy re-renders anything inside a gallery (function () { let timer = null; const schedule = () => { clearTimeout(timer); timer = setTimeout(applyQuickShip, 60); }; const attach = () => { document.querySelectorAll('.lookfy-gallery').forEach(g => { if (g.dataset.lfQsObs) return; g.dataset.lfQsObs = '1'; new MutationObserver(schedule).observe(g, { childList: true, subtree: true }); }); }; attach(); setInterval(attach, 1500); })();

Preemie Dresses

Filter

Filter

Share Wishlist