add-to-cart"], [aria-label*="Add to cart" i]{ display:none !important; } #pos-pdp-root{ width:100% !important; display:none; margin-top:14px; align-self: stretch !important; } .pos-pdp-box{ width:100%; background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:14px; box-shadow:0 10px 24px rgba(0,0,0,.06); font-family: system-ui,-apple-system,Segoe UI,Roboto,sans-serif; } .pos-pdp-qty-title{ font-weight:900; margin:0 0 10px; } .pos-pdp-qty-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0 14px; border-bottom:1px solid #f1f5f9; margin-bottom:12px; } .pos-pdp-stepper{ display:flex; align-items:center; gap:10px; border:1px solid #e5e7eb; background:#f9fafb; border-radius:12px; padding:10px 12px; min-width:160px; justify-content:space-between; } .pos-pdp-stepper button{ width:34px;height:34px; border-radius:10px; border:1px solid #e5e7eb; background:#fff; font-weight:900; cursor:pointer; } .pos-pdp-stepper span{ font-weight:900; min-width:24px; text-align:center; } .pos-pdp-total{ display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:2px; padding:8px 10px; border:1px solid #e5e7eb; background:#f9fafb; border-radius:12px; min-width:140px; } .pos-pdp-total-label{ font-size:12px; font-weight:900; color:#6b7280; line-height:1; } .pos-pdp-total-val{ font-size:16px; font-weight:900; color:#111827; line-height:1.1; } .pos-pdp-btn{ width:100%; background:#188BF6; color:#fff; border:none; border-radius:12px; padding:14px; margin:12px 0 14px; cursor:pointer; font-weight:900; font-size:14px; box-shadow:0 10px 22px rgba(37,99,235,.22); } .pos-pdp-btn:disabled{ opacity:.55; cursor:not-allowed; box-shadow:none; } .pos-acc{ margin-top:10px; } .pos-acc-header{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid #e5e7eb; background:#f9fafb; border-radius:12px; padding:12px; cursor:pointer; font-weight:900; } .pos-acc-meta{ font-weight:900; color:#f97316; white-space:nowrap; margin-left:auto; } .pos-acc-caret{ font-weight:900; transform: rotate(0deg); transition: transform .15s ease; } .pos-acc[data-open="1"] .pos-acc-caret{ transform: rotate(180deg); } .pos-acc-body{ display:none; padding:10px 4px 0; } .pos-acc[data-open="1"] .pos-acc-body{ display:block; } .pos-pdp-row{ display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid #f1f5f9; gap:12px; } .pos-pdp-row:last-child{ border-bottom:none; } .pos-pdp-left{ min-width:0; } .pos-pdp-name{ font-weight:800; line-height:1.2; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:54ch; } .pos-pdp-price{ font-size:12px; color:#6b7280; font-weight:800; } .pos-pdp-controls{ display:flex; align-items:center; justify-content:flex-end; min-width:120px; } .pos-pdp-plus-only{ width:36px; height:36px; border-radius:999px; border:1px solid #e5e7eb; background:#f3f4f6; cursor:pointer; font-size:18px; font-weight:900; line-height:0; } .pos-pdp-pill{ display:flex; align-items:center; border-radius:999px; border:1px solid #e5e7eb; background:#f3f4f6; padding:6px 8px; gap:10px; } .pos-pdp-pill-btn{ width:28px; height:28px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer; font-size:16px; font-weight:900; line-height:0; } .pos-pdp-pill-qty{ min-width:18px; text-align:center; font-weight:900; font-size:14px; color:#111827; } .pos-pdp-without{ display:flex; align-items:center; gap:10px; } .pos-pdp-without input{ width:18px; height:18px; cursor:pointer; accent-color:#111827; } .pos-pdp-without label{ font-weight:800; color:#111827; cursor:pointer; } #pos-pdp-toast{ visibility:hidden; min-width:260px; background:#111827; color:#fff; text-align:center; border-radius:12px; padding:14px; position:fixed; z-index:1000000; left:50%; bottom:30px; transform:translateX(-50%); opacity:0; transition:opacity .25s, bottom .25s; font-size:14px; box-shadow:0 10px 24px rgba(0,0,0,.25); } #pos-pdp-toast.show{ visibility:visible; opacity:1; bottom:50px; } `; document.head.appendChild(s); } /* ===================== Toast ===================== */ function ensureToast(){ let x = document.getElementById('pos-pdp-toast'); if (!x){ x = document.createElement('div'); x.id = 'pos-pdp-toast'; document.body.appendChild(x); } return x; } function toast(msg){ const x = ensureToast(); x.textContent = msg; x.classList.add('show'); setTimeout(()=>x.classList.remove('show'), 2200); } /* ===================== Storage (OUR cart) ===================== */ function readProductImageUrl(){ const img = document.querySelector('.hl-product-image-container img.hl-product-image') || document.querySelector('img.hl-product-image') || document.querySelector('.image-wrapper img') || document.querySelector('.pdp-container img[alt*="product image" i]'); function pickUrl(el){ if (!el) return ''; const src = el.getAttribute('src') || el.getAttribute('data-src') || ''; if (src && !src.startsWith('data:')) return src; const srcset = el.getAttribute('srcset'); if (srcset) return srcset.split(',')[0].trim().split(' ')[0] || ''; return ''; } let url = pickUrl(img); if (!url){ const thumb = document.querySelector('.product-image-list-container img'); url = pickUrl(thumb); } return url || ''; } function safeParse(str, fb){ try { return JSON.parse(str); } catch { return fb; } } function getOurCart(){ const raw = localStorage.getItem(OUR_CART_KEY); const obj = raw ? safeParse(raw, { lines: [] }) : { lines: [] }; obj.lines = Array.isArray(obj.lines) ? obj.lines : []; return obj; } function setOurCart(obj){ localStorage.setItem(OUR_CART_KEY, JSON.stringify(obj)); window.dispatchEvent(new CustomEvent('pos:cartUpdated', { detail: { key: OUR_CART_KEY }})); } function genLineId(){ return 'ln_' + Date.now().toString(36) + '_' + Math.random().toString(36).slice(2,8); } function money(bani){ return (Number(bani||0)/100).toFixed(2); } /* ===================== Slug + price/name ===================== */ function slugFromUrl(){ const path = (location.pathname || '').replace(/\/+$/,''); const parts = path.split('/').filter(Boolean); return (parts[parts.length - 1] || '').toLowerCase(); } function parseRonTextToBani(txt){ const m = String(txt||'').match(/(\d+)([.,](\d{2}))?/); if (!m) return 0; const whole = m[1]; const dec = m[3] || '00'; return parseInt(whole,10)*100 + parseInt(dec,10); } function readDomName(){ const el = document.querySelector('p.hl-product-detail-product-name.truncate-text') || document.querySelector('.hl-product-detail-product-name') || document.querySelector('h1') || document.querySelector('[data-testid="product-name"]'); return (el?.getAttribute?.('title') || el?.textContent || '').trim(); } function readDomMainPriceBani(){ const root = document.getElementById('pos-pdp-root'); const nodes = Array.from(document.querySelectorAll('div,span,p,strong,b')); function candidates(withViewport){ let list = nodes .filter(n => n && n.textContent && /ron/i.test(n.textContent)) .filter(n => !root || !root.contains(n)) .map(n => ({ t: n.textContent.trim(), rect: n.getBoundingClientRect() })) .filter(x => /\d/.test(x.t)) .filter(x => !/\+/.test(x.t)); // exclude "+3.00 RON" (extrauri) if (withViewport){ list = list .filter(x => x.rect.top >= 0 && x.rect.top < window.innerHeight) .sort((a,b)=>a.rect.top-b.rect.top); } return list; } const inView = candidates(true); if (inView.length) return parseRonTextToBani(inView[0].t); const any = candidates(false); if (any.length) return parseRonTextToBani(any[0].t); return 0; } function getCurrentProductDetails(){ const slug = slugFromUrl(); const cur = window.__POS_PDP_CURRENT_PRODUCT || window.__GHL_CURRENT_PRODUCT; if (cur && cur.productId && cur.priceId){ const name = readDomName() || slug; const amountBani = readDomMainPriceBani(); return { slug, productId: cur.productId, priceId: cur.priceId, name, amountBani: amountBani || 0, variantOptionIds: cur.variantOptionIds || [] }; } if (PRODUCT_MAP[slug]){ const m = PRODUCT_MAP[slug]; return { slug, productId: m.productId, priceId: m.priceId, name: m.name || readDomName() || slug, amountBani: Number(m.amountBani || m.amount || 0) || 0, variantOptionIds: m.variantOptionIds || [] }; } return null; } /* ===================== MODE (burger/pizza/none) ===================== */ function getProductMode(){ const n = (readDomName() || '').toLowerCase(); if (!n) return 'unknown'; if (n.includes('burger')) return 'burger'; if (n.includes('pizza')) return 'pizza'; return 'none'; } function keysForMode(mode){ if (mode === 'burger') return { extras: BURGER_EXTRAS_KEYS, without: BURGER_WITHOUT_KEYS }; if (mode === 'pizza') return { extras: PIZZA_EXTRAS_KEYS, without: PIZZA_WITHOUT_KEYS }; return { extras: [], without: [] }; } /* ===================== ID Extractor ===================== */ (function(){ if (window.__POS_PDP_FETCH_PATCHED__) return; window.__POS_PDP_FETCH_PATCHED__ = true; const log = (...a) => DEBUG_ID && console.log('[POS-ID]', ...a); const warn = (...a) => console.warn('[POS-ID]', ...a); const HEX24 = /[a-f0-9]{24}/ig; const candidatePriceIds = new Set(); function uniq(arr){ return Array.from(new Set(arr)); } function extractIdsNearSlug(slug) { const html = document.documentElement.innerHTML || ''; const patterns = [`"slug":"${slug}"`, `/${slug}"`, slug]; let idx = -1; for (const p of patterns){ idx = html.indexOf(p); if (idx !== -1) break; } if (idx === -1) return { ids: [] }; const start = Math.max(0, idx - 4000); const end = Math.min(html.length, idx + 8000); const chunk = html.slice(start, end); const ids = uniq((chunk.match(HEX24) || []).map(x => x.toLowerCase())); return { ids }; } function guessProductId(idsNearSlug) { const near = (idsNearSlug || []).filter(Boolean); const prices = Array.from(candidatePriceIds); const common = near.find(id => candidatePriceIds.has(id)); const priceId = common || (prices.length === 1 ? prices[0] : null); const productId = near.find(id => id !== priceId) || null; return { productId, priceId }; } const prevFetch = window.fetch; if (typeof prevFetch === 'function'){ window.fetch = function(){ const req = arguments[0]; const url = (req && req.url) ? req.url : String(req || ''); return prevFetch.apply(this, arguments).then(async (res)=>{ try{ if (String(url).includes('/products/prices/public/selected')){ const pm = String(url).match(/ids=([a-f0-9]{24})/i); const priceId = pm ? pm[1].toLowerCase() : null; if (priceId) candidatePriceIds.add(priceId); const clone = res.clone(); const data = await clone.json().catch(()=>null); const text = JSON.stringify(data || {}); const m = text.match(/"productId":"([a-f0-9]{24})"/i) || text.match(/"product"\s*:\s*{[^}]*"_id":"([a-f0-9]{24})"/i); const productId = m ? m[1].toLowerCase() : null; if (productId || priceId){ window.__POS_PDP_CURRENT_PRODUCT = { slug: slugFromUrl(), productId: productId || (window.__POS_PDP_CURRENT_PRODUCT && window.__POS_PDP_CURRENT_PRODUCT.productId) || null, priceId: priceId || (window.__POS_PDP_CURRENT_PRODUCT && window.__POS_PDP_CURRENT_PRODUCT.priceId) || null, variantOptionIds: [], source: 'fetch selected' }; log('FOUND ✅', window.__POS_PDP_CURRENT_PRODUCT); } } } catch(e){} return res; }); }; } function runFallback(){ const slug = slugFromUrl(); const near = extractIdsNearSlug(slug); log('slug:', slug); log('idsNearSlug:', near.ids); const guess = guessProductId(near.ids); if (guess.productId || guess.priceId){ window.__POS_PDP_CURRENT_PRODUCT = { slug, productId: guess.productId || (window.__POS_PDP_CURRENT_PRODUCT && window.__POS_PDP_CURRENT_PRODUCT.productId) || null, priceId: guess.priceId || (window.__POS_PDP_CURRENT_PRODUCT && window.__POS_PDP_CURRENT_PRODUCT.priceId) || (Array.from(candidatePriceIds)[0] || null), variantOptionIds: [], source: 'html guess' }; log('GUESSED ✅', window.__POS_PDP_CURRENT_PRODUCT); } else { warn('Nu am prins încă productId/priceId. Așteaptă 1-2 sec sau completează PRODUCT_MAP.'); } } setTimeout(runFallback, 900); })(); /* ===================== UI state + calc ===================== */ let qtySel = 1; let toppingSel = {}; let withoutSel = {}; let baseBaniCache = 0; function getBaseBani(){ const d = getCurrentProductDetails(); const v = Number(d?.amountBani || 0) || 0; if (v > 0) baseBaniCache = v; if (!baseBaniCache) baseBaniCache = readDomMainPriceBani() || 0; return baseBaniCache; } function calcExtraPerUnitBani(sel){ let total = 0; Object.keys(sel||{}).forEach(k=>{ const q = Number(sel[k] || 0); if (q > 0 && TOPPING_DATA[k]) total += TOPPING_DATA[k].priceAmount * q; }); return total; } function updateTotals(){ const qtyEl = document.getElementById('pos-pdp-qty'); if (qtyEl) qtyEl.textContent = String(qtySel); const extraTotal = calcExtraPerUnitBani(toppingSel) * Math.max(1, qtySel); const extraEl = document.getElementById('pos-extra-cost'); if (extraEl) extraEl.textContent = money(extraTotal); const base = getBaseBani(); const extraPerUnit = calcExtraPerUnitBani(toppingSel); const totalBani = (base + extraPerUnit) * Math.max(1, qtySel); const totalEl = document.getElementById('pos-pdp-total'); if (totalEl) totalEl.textContent = `${money(totalBani)} RON`; } function renderToppingRow(k){ const t = TOPPING_DATA[k]; const row = document.createElement('div'); row.className = 'pos-pdp-row'; row.innerHTML = `

${t.name}

+${money(t.priceAmount)} RON

`; const ctrl = row.querySelector('.pos-pdp-controls'); function draw(){ const q = Number(toppingSel[k] || 0); if (q <= 0){ ctrl.innerHTML = ``; ctrl.querySelector('button').addEventListener('click', ()=>{ toppingSel[k] = 1; draw(); updateTotals(); }); } else { ctrl.innerHTML = `

${q}

`; ctrl.querySelector('[data-act="minus"]').addEventListener('click', ()=>{ const nq = Number(toppingSel[k] || 0) - 1; if (nq <= 0) delete toppingSel[k]; else toppingSel[k] = nq; draw(); updateTotals(); }); ctrl.querySelector('[data-act="plus"]').addEventListener('click', ()=>{ toppingSel[k] = Number(toppingSel[k] || 0) + 1; draw(); updateTotals(); }); } } draw(); return row; } function renderWithoutRow(k){ const lbl = WITHOUT_DATA[k]?.label || k; const id = 'pos_without_' + k; const row = document.createElement('div'); row.className = 'pos-pdp-row'; row.innerHTML = `

${lbl}

`; const cb = row.querySelector('#' + CSS.escape(id)); cb.checked = !!withoutSel[k]; cb.addEventListener('change', (e)=>{ if (e.target.checked) withoutSel[k] = true; else delete withoutSel[k]; }); return row; } function toggleAcc(el){ const open = el.getAttribute('data-open') === '1'; el.setAttribute('data-open', open ? '0' : '1'); } function renderUI(root){ const mode = getProductMode(); const sets = keysForMode(mode); // dacă nu e burger/pizza => NU afișăm deloc secțiunile Extras/Fără const showOptions = (mode === 'burger' || mode === 'pizza'); // dacă schimbăm contextul, curățăm selecțiile (ca să nu “curgă” între produse) if (!showOptions){ toppingSel = {}; withoutSel = {}; } const extrasHtml = showOptions ? `

` : ''; const withoutHtml = showOptions ? `

` : ''; root.innerHTML = `

Cantitate

Total

0.00 RON

${extrasHtml} ${withoutHtml}

`; root.querySelector('#pos-pdp-qty-minus').addEventListener('click', ()=>{ qtySel = Math.max(1, Number(qtySel||1) - 1); updateTotals(); }); root.querySelector('#pos-pdp-qty-plus').addEventListener('click', ()=>{ qtySel = Math.max(1, Number(qtySel||1) + 1); updateTotals(); }); root.querySelector('#pos-pdp-add').addEventListener('click', onCustomAddToCart); if (showOptions){ const accExtras = root.querySelector('#pos-acc-extras'); const accWithout = root.querySelector('#pos-acc-without'); accExtras.querySelector('.pos-acc-header').addEventListener('click', ()=>toggleAcc(accExtras)); accWithout.querySelector('.pos-acc-header').addEventListener('click', ()=>toggleAcc(accWithout)); // populate extras (doar setul aferent) const extrasBody = root.querySelector('#pos-acc-extras-body'); (sets.extras || []) .filter(k => TOPPING_DATA[k]) .forEach(k => extrasBody.appendChild(renderToppingRow(k))); // populate without (doar setul aferent) const withoutBody = root.querySelector('#pos-acc-without-body'); (sets.without || []) .filter(k => WITHOUT_DATA[k]) .forEach(k => withoutBody.appendChild(renderWithoutRow(k))); } updateTotals(); } /* ===================== Add to OUR cart ===================== */ let lock = false; function readVariantSelections() { const out = []; const wrapper = document.querySelector('.variants-wrapper'); if (!wrapper) return out; const groups = wrapper.querySelectorAll('.variants-container'); groups.forEach(g => { const labelEl = g.querySelector('p.variant-heading, p.hl-product-detail-selectors'); const selectEl = g.querySelector('select.variant-dropdown'); const name = (labelEl?.textContent || '').trim(); if (!name || !selectEl) return; const opt = selectEl.options?.[selectEl.selectedIndex]; const value = (opt?.textContent || '').trim(); if (!value) return; out.push({ name, value }); }); return out; } function formatVariantText(list) { return (list || []).map(v => `${v.name}: ${v.value}`).join(' | '); } function onCustomAddToCart(){ if (lock) return; lock = true; const btn = document.getElementById('pos-pdp-add'); if (btn) btn.disabled = true; try{ const details = getCurrentProductDetails(); if (!details || !details.productId || !details.priceId){ toast('Nu am ID-urile încă. Așteaptă 1-2 sec sau completează PRODUCT_MAP.'); return; } const qty = Math.max(1, Number(qtySel || 1)); const mode = getProductMode(); const showOptions = (mode === 'burger' || mode === 'pizza'); const toppingsPerUnit = showOptions ? JSON.parse(JSON.stringify(toppingSel || {})) : {}; const withoutKeys = showOptions ? Object.keys(withoutSel || {}) : []; const withoutText = withoutKeys.map(k => WITHOUT_DATA[k]?.label || k).join(', '); const cart = getOurCart(); const variantSelections = readVariantSelections(); const variantText = formatVariantText(variantSelections); const imageUrl = readProductImageUrl(); cart.lines.push({ lineId: genLineId(), createdAt: Date.now(), product: { productId: details.productId, priceId: details.priceId, name: details.name || details.slug || 'Produs', amountBani: getBaseBani(), slug: details.slug || '', variantOptionIds: details.variantOptionIds || [], imageUrl: imageUrl }, quantity: qty, toppingsPerUnit, without: withoutKeys, withoutText, variants: variantSelections, variantsText: variantText }); setOurCart(cart); // reset qtySel = 1; toppingSel = {}; withoutSel = {}; baseBaniCache = 0; renderUI(document.getElementById('pos-pdp-root')); toast('Adăugat ✅'); } catch(err){ console.error(err); toast('Eroare la adăugare (vezi Console).'); } finally { lock = false; if (btn) btn.disabled = false; } } /* ===================== Mount sub descriere + anti rerender ===================== */ function ensureRoot(){ let root = document.getElementById('pos-pdp-root'); if (!root){ root = document.createElement('div'); root.id = 'pos-pdp-root'; root.setAttribute('data-pos-pdp', '1'); renderUI(root); } return root; } function hideNative(){ document.querySelectorAll(HIDE_QTY_SEL).forEach(el => { el.style.display = 'none'; }); const btn = document.querySelector(HIDE_ADD_BTN_SEL); if (btn){ btn.style.display = 'none'; const wrap = btn.closest('div'); if (wrap && wrap.querySelectorAll('button').length === 1) wrap.style.display = 'none'; } } function mountUnderDescription(){ const root = ensureRoot(); const anchor = document.querySelector(DESC_SEL); if (!anchor || !anchor.isConnected){ root.style.display = 'none'; return false; } if (anchor.nextElementSibling !== root){ anchor.insertAdjacentElement('afterend', root); } return true; } let mo = null; let scheduled = false; let stopTimer = null; // re-render când se schimbă produsul / modul (SPA) let lastCtxKey = ''; function ctxKey(){ const slug = slugFromUrl(); const mode = getProductMode(); return `${slug}|${mode}`; } function syncContext(){ const k = ctxKey(); if (k !== lastCtxKey){ lastCtxKey = k; qtySel = 1; toppingSel = {}; withoutSel = {}; baseBaniCache = 0; renderUI(ensureRoot()); } } function markReady(){ document.documentElement.classList.add('pos-pdp-ready'); const r = document.getElementById('pos-pdp-root'); if (r) r.style.display = 'block'; } function ensure(){ hideNative(); syncContext(); const ok = mountUnderDescription(); if (ok) { markReady(); scheduleStopObserver(); updateTotals(); } } function scheduleEnsure(){ if (scheduled) return; scheduled = true; requestAnimationFrame(() => { scheduled = false; ensure(); }); } function startObserver(){ if (mo) return; mo = new MutationObserver(()=>scheduleEnsure()); mo.observe(document.body, { childList:true, subtree:true }); } function stopObserver(){ if (!mo) return; mo.disconnect(); mo = null; } function scheduleStopObserver(){ if (stopTimer) clearTimeout(stopTimer); stopTimer = setTimeout(()=>stopObserver(), 2500); } function startWatchdog(){ setInterval(()=>{ const anchor = document.querySelector(DESC_SEL); const root = document.getElementById('pos-pdp-root'); const missing = (!anchor || !anchor.isConnected || !root || !root.isConnected || root.style.display === 'none'); if (missing){ startObserver(); scheduleEnsure(); } hideNative(); syncContext(); updateTotals(); }, 1600); } function boot(){ injectStyle(); ensureToast(); startObserver(); scheduleEnsure(); startWatchdog(); setTimeout(()=>{ document.documentElement.classList.remove('pos-pdp-pending'); document.documentElement.classList.add('pos-pdp-ready'); }, 2500); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); } })();

S-ar putea să vă placă