(function () { let cartData = null, renderTimer = null, fetchPromise = null; function fetchCart() { if (fetchPromise) return fetchPromise; fetchPromise = fetch('/cart.js').then(r => r.json()).then(d => { cartData = d; }).catch(() => { }).finally(() => { fetchPromise = null; }); return fetchPromise; } function getImages(p) { const o = {}; Object.entries(p || {}).forEach(([k, v]) => { const m = k.match(/^_Image_(\d+)$/i); if (m && v) o[+m[1]] = v.trim(); }); return o; } function getNames(p) { const o = {}; Object.entries(p || {}).forEach(([k, v]) => { const m = k.match(/^_?Colour\s+(\d+)$/i); if (m && v) o[+m[1]] = v.trim(); }); return o; } function buildSection(images, names) { const section = document.createElement('div'); section.className = 'kaching-colour-section'; const groups = [], seen = {}; Object.keys(images).sort((a, b) => a - b).forEach(k => { const url = images[k], name = names[k] || ''; if (seen[url] !== undefined) groups[seen[url]].qty++; else { seen[url] = groups.length; groups.push({ url, name, qty: 1 }); } }); const total = Object.keys(images).length; const toggleRow = document.createElement('div'); toggleRow.className = 'kaching-toggle-row'; toggleRow.innerHTML = `Tus ${total} colores elegidos`; const colRows = document.createElement('div'); colRows.className = 'kaching-colour-rows'; const inner = document.createElement('div'); inner.className = 'kaching-colours-inner'; groups.forEach(({ url, name, qty }) => { const row = document.createElement('div'); row.className = 'kaching-colour-row'; const img = document.createElement('img'); img.src = url; img.alt = name; img.className = 'kaching-colour-thumb'; const nameEl = document.createElement('div'); nameEl.className = 'kaching-colour-name'; nameEl.textContent = qty > 1 ? `${qty}x ${name}` : `1x ${name}`; row.append(img, nameEl); inner.appendChild(row); }); colRows.appendChild(inner); toggleRow.addEventListener('click', () => { const o = colRows.classList.toggle('expanded'); toggleRow.querySelector('.kaching-toggle-icon').classList.toggle('open', o); }); section.append(toggleRow, colRows); return section; } function hideRows(i) { i.querySelectorAll('li,[class*="propert"],[class*="property"]').forEach(el => { const t = (el.textContent || '').replace(/\s+/g, ' ').trim(); if (/^_?(colour|color)\s*\d+/i.test(t) || /^bundle[\s_-]*type/i.test(t)) el.classList.add('kaching-prop-hidden'); }); } function matchItem(i) { if (!cartData) return null; const k = i.dataset.key || i.dataset.cartItemKey || i.dataset.lineItemKey; if (k) return cartData.items.find(x => x.key === k) || null; const te = i.querySelector('[class*="title"],[class*="name"],h3,h4,strong'); const t = (te?.textContent || '').trim().slice(0, 20).toLowerCase(); return t ? (cartData.items.find(x => x.title?.toLowerCase().includes(t)) || null) : null; } const SEL = '.cart-item,.kaching-cart-item,[data-cart-item],[data-kaching-cart-item]'; function render(root) { root.querySelectorAll('.kaching-colour-section').forEach(sec => { const prev = sec.previousElementSibling; if (!prev || !prev.classList.contains('has-bundle')) sec.remove(); }); root.querySelectorAll(SEL).forEach(i => { const it = matchItem(i); if (!it?.properties) return; if (String(it.properties._BundleColorItem).toLowerCase() === 'true') { i.classList.add('kaching-bundle-child'); return; } i.classList.remove('kaching-bundle-child'); const im = getImages(it.properties); if (!Object.keys(im).length) return; hideRows(i); i.classList.add('has-bundle'); if (i.nextElementSibling?.classList?.contains('kaching-colour-section')) return; i.after(buildSection(im, getNames(it.properties))); }); } function scheduleRender(root) { clearTimeout(renderTimer); renderTimer = setTimeout(async () => { await fetchCart(); requestAnimationFrame(() => render(root)); }, 150); } async function start() { const root = document.querySelector('.kaching-cart'); if (!root) return; await fetchCart(); render(root); new MutationObserver(() => scheduleRender(root)).observe(root, { childList: true, subtree: true }); } let tries = 0; const iv = setInterval(() => { const root = document.querySelector('.kaching-cart'); if (root || ++tries >= 80) { clearInterval(iv); if (root) start(); } }, 100); })(); function cleanEnvioSubtitles(r) { r.querySelectorAll('.envio-subtitle').forEach((el, i) => { if (i > 0) el.remove(); }); } function addEnvioSubtitleOnce(r) { cleanEnvioSubtitles(r); r.querySelectorAll('div,span,p,strong,b').forEach(el => { const t = el.textContent.trim().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[¡!]/g, ""); if (t === 'envio') { const p = el.parentElement; if (p && !p.querySelector('.envio-subtitle')) { const s = document.createElement('div'); s.className = 'envio-subtitle'; s.innerHTML = 'Enviado desde España'; el.insertAdjacentElement('afterend', s); const ci = el.closest('.cart-item,.kaching-cart-item,[data-cart-item],[data-kaching-cart-item]'); if (ci) ci.classList.add('is-envio-row'); } } }); } (function () { let st = null, tries = 0; const iv = setInterval(() => { const r = document.querySelector('.kaching-cart'); if (r || ++tries >= 80) { clearInterval(iv); if (!r) return; addEnvioSubtitleOnce(r); new MutationObserver(() => { clearTimeout(st); st = setTimeout(() => addEnvioSubtitleOnce(r), 150); }).observe(r, { childList: true, subtree: true }); } }, 100); })(); (function () { let drawerOpen = false, pushed = false, suppress = false, timer = null; function isOpen() { const r = document.querySelector('.kaching-cart'); if (!r) return false; const s = getComputedStyle(r); if (s.display === 'none' || s.visibility === 'hidden' || s.opacity === '0') return false; const rect = r.getBoundingClientRect(); if (rect.width < 100 || rect.height < 100) return false; return rect.right > 0 && rect.left < innerWidth; } function closeDrawer() { document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true, cancelable: true })); setTimeout(() => { if (!isOpen()) return; const r = document.querySelector('.kaching-cart'); if (!r) return; const b = r.querySelector('[aria-label*="close" i],[aria-label*="cerrar" i],[class*="close"]'); if (b) b.click(); }, 80); } function check() { clearTimeout(timer); timer = setTimeout(() => { const o = isOpen(); if (o === drawerOpen) return; drawerOpen = o; if (o && !pushed) { history.pushState({ celoraCart: true }, '', location.href); pushed = true; } else if (!o && pushed && !suppress) { suppress = true; pushed = false; history.back(); setTimeout(() => { suppress = false; }, 150); } }, 100); } addEventListener('popstate', () => { if (suppress) return; if (pushed && drawerOpen) { suppress = true; pushed = false; closeDrawer(); setTimeout(() => { suppress = false; }, 200); } }); const obs = new MutationObserver(check); obs.observe(document.documentElement, { attributes: true, attributeFilter: ['class', 'style'] }); obs.observe(document.body, { attributes: true, attributeFilter: ['class', 'style'] }); setInterval(check, 600); if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', check); else check(); })();

Idioma

Ruby Red

Ruby Red