/* Dermastamp: elofizetes-kezeles + ajanloi jelzes a kosR penztaron. v6, 2026-08-06. (v6: az ajanloi jelzes lathatobb, Marci keresere: kek bal-szegelyes, halvany kek gradiens-doboz + pipa, hogy a vevo eszrevegye, a link mukodott. Ugyanez a vizual ment a kosar-drawerbe es a /cart-ra is.) A kosR app > Beallitasok > Megjelenes > "Egyeni JavaScript" mezobe megy. UJ A v4/v5-BEN (ajanlas-feature, 2026-08-06): A) AJANLOI JELZES: ha a vevo ajanloi linkkel erkezett (a storefront a localStorage 'mk_ref' kulcsban orzi a 6 jegyu kodot), az osszegzo tetejere egy visszafogott sor kerul: "Ajanloi linkkel erkeztel · KOD", alatta (v5): hova irja a kodot a fizetesi oldalon. Nevet SOHA nem irunk ki (az ajanlo neve nem a vasarlo adata), csak a kodot, amit a vevo maga is latott a linkben. ⭐ A KUPON-UT, KIMERVE (2026-08-06, teljes flow-teszt): a kosR oldal egy szallitas/fizetes-VALASZTO; a "Tovabb a fizeteshez" utan a NATIV Shopify checkout jon (/checkouts/cn/...), amin VAN Kedvezmenykod-mezo, es a kod beirva MUKODIK (merve: -1000 Ft). AMI NEM MUKODIK (mind merve): a Shopify discount_code cookie NEM oroklodik at a kosR-epitette checkoutba; a kosR formba injektalt rejtett coupon_code mezot a backend eldobja; a kosR adminban nincs kupon-mezo kapcsolo. Ezert a v5 megoldasa: a jelzes MEGMONDJA a vevonek, hogy a fizetesi oldalon a Kedvezmenykod mezobe irja a kodot. B) KUPON-AUTOFILL: ha valaha megjelenne kupon-input a kosR DOM-jaban, a discount_code cookie-bol egyszer kitolti. Feature-detect, ma no-op. MIT CSINAL, ha a kosarban ELOFIZETESES tetel van 1) A tetel ala kiirja az utemet ("Elofizetes / 4 hetente") es egy rovid magyarazatot. 2) Ha a kosar MINDEN tetele elofizetes: a 990 Ft-ig terjedo szallitasi dijat INGYENES-re jeloli a valasztonal, ES levonja a "Szallitasi koltseg" sorbol es a VEGOSSZEGBOL is. Igy a kijelzett osszeg megegyezik azzal, amit a Shopify penztara ténylegesen terhel. 3) Az UTANVETET elrejti a fizetesi modok kozul (ismetlodo terhelest nem lehet utanvettel fizetni), es ha epp az volt kivalasztva, atvalt bankkartyara. MIT NEM CSINAL (szandekosan) - Egyszeri vasarlasnal a fentiekhez nem nyul (az ajanloi jelzes ott is el). - VEGYES kosarnal (elofizetes + egyszeri) NEM allitja ingyenesnek a szallitast, mert a kedvezmeny csak az elofizetesre szol, es a vegyes kosar szallitas- kezelese nincs lemerve. Az utanvetet viszont ott is tiltja, mert a szerzodes ott is letrejon. - A 990 Ft folotti szallitast (2690 / 3590) nem bantja, mert a kedvezmeny maximumShippingPrice-a 990 Ft. A KEDVEZMENY, amire a 2) pont epul (visszaolvasva a Shopify Adminbol): "Ingyenes szallitas elofizetessel (csomagautomata)", status ACTIVE, appliesOnSubscription=true, appliesOnOneTimePurchase=false, recurringCycleLimit=0 (minden ciklus), maximumShippingPrice=990 HUF. MERT GOTCHAK (ezek alakitottak a kodot) - A relativ /cart.js a penztar oldalarol 404-et ad. Az abszolut location.origin + '/cart.js' 200-at. Ezert megy abszolut URL-lel. - Az osszegzo KETSZER van a DOM-ban (mobil + desktop). - A kosR ujrarajzolja az osszegzot minden valasztasnal, ezert kell MutationObserver; az observer a sajat irasunkra is tuzelne, ezert iras kozben leall, es minden modositas idempotens. - A VEGOSSZEG tartalmazza a szallitast, amint van kivalasztott szallitasi mod. (Kivalasztas nelkul nem, ezert nezett ki elsore ugy, mintha sosem tartalmazna.) - A kosR HELYBEN irja at a sorok szoveget, NEM csereli az elemeket. Ezert TILOS az "eredeti erteket" data-attributumba cache-elni: a cache elavul, es a visszavaltasnal kimarad a korrekcio (ez elso korben meg is tortent). Helyette JS-property jelzi, hogy az elemben MI ertekunk all-e; ha a kosR ujra letrehozza az elemet, a jelolo magatol eltunik, es ez pont a helyes viselkedes. - A DOM-ban a variant GID, a cart.js-ben szam. - A fizetesi modok div[role=button]-ok, nem radiok, ezert kattintassal valtunk. - Az utanvet aktiv voltat az arulja el, hogy megjelenik egy "Utanvet" tetelsor az osszegzoben. */ (function () { 'use strict'; var INGYEN_HATAR = 990; var JEL = 'data-ds-sub'; var UJRA_MS = 3000; var allapot = { tervek: {}, csakSub: false, vanSub: false, kesz: false }; var observer = null, idozito = null, utolsoKosar = 0; function szam(x) { var m = String(x == null ? '' : x).match(/(\d+)(?!.*\d)/); return m ? m[1] : ''; } function ftSzam(szoveg) { if (szoveg == null) return null; var t = String(szoveg).replace(/[\s ]/g, ''); var m = t.match(/(\d+)/); return m ? parseInt(m[1], 10) : null; } function formaz(n, minta) { var sep = ' '; var m = String(minta || '').match(/\d([\s ])\d/); if (m) sep = m[1]; var s = String(Math.max(0, Math.round(n))), ki = ''; for (var i = 0; i < s.length; i++) { if (i > 0 && (s.length - i) % 3 === 0) ki += sep; ki += s.charAt(i); } return ki + ' Ft'; } function cssBe() { if (document.getElementById('ds-sub-css')) return; var s = document.createElement('style'); s.id = 'ds-sub-css'; s.textContent = '.ds-sub-note{margin:6px 0 2px;padding:6px 0 6px 10px;border-left:3px solid #177a3a;' + 'background:rgba(23,122,58,.06);font-size:13px;line-height:1.45;text-align:left}' + '.ds-sub-note b{display:block;font-weight:700;margin-bottom:2px}' + '.ds-sub-free{color:#177a3a;font-weight:700}' + '.ds-sub-old{text-decoration:line-through;opacity:.55;font-weight:400;margin-right:6px}' + '.ds-sub-hidden{display:none !important}' + '.ds-sub-paynote{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:#5a5a5a}'; (document.head || document.documentElement).appendChild(s); } /* ---- 1. tetelsorok megjelolese ---- */ function tetelekJelolese() { var sorok = document.querySelectorAll('.row.line-item[data-variantid]'); for (var i = 0; i < sorok.length; i++) { var sor = sorok[i]; if (sor.getAttribute(JEL) === '1') continue; var terv = allapot.tervek[szam(sor.getAttribute('data-variantid'))]; if (!terv) continue; var doboz = document.createElement('div'); doboz.className = 'ds-sub-note'; var cim = document.createElement('b'); cim.textContent = 'Előfizetés · ' + terv; doboz.appendChild(cim); doboz.appendChild(document.createTextNode( 'Ismétlődő rendelés. A pontos ütemezést és a következő terhelés összegét a ' + 'fizetési oldalon is látod, mielőtt fizetnél. Bármikor lemondható.')); (sor.querySelector('.col') || sor).appendChild(doboz); sor.setAttribute(JEL, '1'); } } /* ---- 2a. a szallitas-valaszto ara ---- */ function szallitasValasztoJeloles() { if (!allapot.csakSub) return; var kont = document.getElementById('available-carriers') || document.getElementById('carrier-selects'); if (!kont) return; var arak = kont.querySelectorAll('.accordion-item-title-price .price'); for (var i = 0; i < arak.length; i++) { var el = arak[i]; if (el.getAttribute(JEL) === '1') continue; var ar = ftSzam(el.textContent); if (ar === null || ar <= 0 || ar > INGYEN_HATAR) continue; var regi = document.createElement('span'); regi.className = 'ds-sub-old'; regi.textContent = el.textContent.trim(); var uj = document.createElement('span'); uj.className = 'ds-sub-free'; uj.textContent = 'INGYENES'; el.textContent = ''; el.appendChild(regi); el.appendChild(uj); el.setAttribute(JEL, '1'); } } /* ---- 2b. az OSSZEGZO: szallitasi koltseg + vegosszeg ---- ⚠️ MERT GOTCHA (2026-08-06): a kosR HELYBEN irja at a sorok szoveget, NEM csereli az elemeket. Ezert TILOS az "eredeti erteket" attributumba cache-elni: a cache elavul (990-et orzott, mikozben a sor mar 2690-et mutatott), es a visszavaltasnal kimaradt a korrekcio. Itt semmit nem cache-elunk tartosan: minden korben eldontjuk, hogy az elemben MI ertekunk all-e (akkor a sajat nyers ertekunkbol szamolunk) vagy a kosR friss erteke (akkor abbol). A jelolo egy JS-property, nem attributum: ha a kosR ujra letrehozza az elemet, magatol eltunik, es ez pont a helyes viselkedes. */ function nyers(el) { // ha az elemben MEG a mi altalunk irt szoveg all, a sajat nyers erteket adjuk vissza if (el.__dsWrote != null && el.__dsWrote === (el.textContent || '').trim()) { return el.__dsRaw; } return (el.textContent || '').trim(); } function ir(el, csomo, nyersErtek) { el.textContent = ''; if (typeof csomo === 'string') el.textContent = csomo; else csomo.forEach(function (c) { el.appendChild(c); }); el.__dsRaw = nyersErtek; el.__dsWrote = (el.textContent || '').trim(); } /* ⚠️ MERT GOTCHA (2026-08-06): a visszaallitas NEM lehet `ir(...)`, mert az ujra "a mienkke" teszi az elemet. Akkor a kovetkezo korben a `nyers()` megint a SAJAT (mar elavult) nyers erteket adja vissza, es ONZARO hurokba kerulunk: az elem orokre a regi osszegen ragad, hiaba irja at a kosR. Merve: a mobil sav 14 480-on ragadt, miutan a vevo dragabb szallitasra valtott. A visszaallitas ezert TORLI a jeloloket, hogy az elem ujra a kosR-e legyen. */ function visszaall(el) { if (!el || el.__dsWrote == null) return; el.textContent = nyers(el); el.__dsRaw = null; el.__dsWrote = null; } /* egy total-elem korrigalasa ugyanazzal az elengedett osszeggel */ function totalKorrekcio(el, levon) { if (!el) return; var raw = nyers(el); var v = ftSzam(raw); if (v === null) return; if (levon <= 0) { // nincs kedvezmeny: adjuk vissza a kosR-nek visszaall(el); return; } if (el.__dsRaw === raw && el.__dsWrote === (el.textContent || '').trim()) return; ir(el, formaz(v - levon, raw), raw); } function osszegzoKorrekcio() { if (!allapot.csakSub) return; var levon = 0; // amennyit a szallitasbol elengedunk var sumok = document.querySelectorAll('.cart-summary-inner'); for (var s = 0; s < sumok.length; s++) { var sum = sumok[s]; // a szallitasi koltseg sora: a CIMKE szovegerol ismerjuk fel, nem az osztalyrol var szallSor = null, sorok = sum.querySelectorAll('.row'); for (var i = 0; i < sorok.length; i++) { var cimke = sorok[i].querySelector('.col'); if (cimke && /sz[aá]ll[ií]t/i.test(cimke.textContent || '')) { szallSor = sorok[i]; break; } } var vegSor = sum.querySelector('.row.summary'); if (!szallSor || !vegSor) continue; var szallErt = szallSor.querySelector('.col-auto.text-end, .text-end'); var vegErt = vegSor.querySelector('.col-auto.text-end, .text-end'); if (!szallErt || !vegErt) continue; var szallNyers = nyers(szallErt); var vegNyers = nyers(vegErt); var szall = ftSzam(szallNyers); var veg = ftSzam(vegNyers); if (szall === null || veg === null) continue; var jar = (szall > 0 && szall <= INGYEN_HATAR); if (!jar) { // nem jar kedvezmeny: ha korabban mi irtunk bele, allitsuk vissza a nyerset visszaall(szallErt); totalKorrekcio(vegErt, 0); continue; } levon = szall; if (!(szallErt.__dsRaw === szallNyers && szallErt.__dsWrote === (szallErt.textContent || '').trim())) { var regi = document.createElement('span'); regi.className = 'ds-sub-old'; regi.textContent = szallNyers; var uj = document.createElement('span'); uj.className = 'ds-sub-free'; uj.textContent = 'INGYENES'; ir(szallErt, [regi, uj], szallNyers); } totalKorrekcio(vegErt, szall); } mobilSavSzinkron(); } /* ⚠️ MERT GOTCHA (2026-08-06, MOBILON): az osszecsukott kosar-sav teteje egy KULON elem (`#car-total-mobile`), sajat vegosszeggel, ami NINCS benne a `.cart-summary-inner`-ben. Csak a kinyitott osszegzot javitva mobilon a felso sav tovabbra is a szallitassal novelt osszeget mutatta (14 480 Ft, mikozben lent mar 13 490 allt). ⛔ AMI NEM MUKODOTT: kulon kiszamolni ra a levonast. Ha a vevo utana dragabb szallitasra valtott, a sav a REGI nyers osszegen ragadt (merve: 14 480, mikozben az osszegzo mar 16 180-at mutatott), mert a visszaallitas utan a kosR TOBBE nem irta felul azt az elemet. Vagyis nem lehet ra onallo allapotot vezetni. ✅ AMI MUKODIK: nem szamolunk, hanem TUKROZUNK. A sav mindig azt mutassa, ami az osszegzoben all. Egy invarians, nulla allapot, es magatol helyre all akkor is, ha a kosR kozben irt bele. */ function mobilSavSzinkron() { if (!allapot.csakSub) return; var mob = document.getElementById('car-total-mobile'); if (!mob) return; var vegEl = null, sumok = document.querySelectorAll('.cart-summary-inner'); for (var i = 0; i < sumok.length; i++) { var e = sumok[i].querySelector('.row.summary .col-auto.text-end, .row.summary .text-end'); if (e && (e.textContent || '').trim()) { vegEl = e; break; } } if (!vegEl) return; var kell = (vegEl.textContent || '').trim(); if ((mob.textContent || '').trim() !== kell) mob.textContent = kell; } /* ---- 3. utanvet kizarasa ---- */ function utanvetTiltas() { if (!allapot.vanSub) return; var pay = document.getElementById('available-payment-methods') || document.getElementById('payment-method-selects'); if (!pay) return; var cod = pay.querySelector('.carrier-cod'); var kartya = pay.querySelector('.carrier-shopify') || pay.querySelector('.accordion-item:not(.carrier-cod)'); if (!cod) return; // ha az utanvet AKTIV (megjelent az "Utanvet" tetelsor), valtsunk kartyara var codAktiv = false; var tetelek = document.querySelectorAll('.cart-summary-inner .row.line-item'); for (var i = 0; i < tetelek.length; i++) { if (/ut[aá]nv[eé]t/i.test(tetelek[i].textContent || '')) { codAktiv = true; break; } } if (codAktiv && kartya) { var t = kartya.querySelector('.accordion-item-title') || kartya; t.click(); } // ⚠️ MERT GOTCHA: a stiluslapos .ds-sub-hidden NEM gyoz (a kosR sajat szabalya // erosebb, merve: az osztaly felkerult, a display megis 'block' maradt). // INLINE !important kell, azt semmi nem veri meg. Plusz kivesszuk a // billentyus fokuszbol es a kepernyoolvasobol is, kulonben csak vizualisan tunne el. if (cod.style.getPropertyValue('display') !== 'none') { cod.style.setProperty('display', 'none', 'important'); cod.setAttribute('aria-hidden', 'true'); cod.setAttribute('tabindex', '-1'); cod.classList.add('ds-sub-hidden'); var r = cod.querySelector('input, button, select'); if (r) r.disabled = true; } if (!pay.querySelector('.ds-sub-paynote')) { var jegy = document.createElement('p'); jegy.className = 'ds-sub-paynote'; jegy.textContent = 'Előfizetésnél az utánvét nem választható, mert az ismétlődő ' + 'terheléshez bankkártya kell.'; pay.appendChild(jegy); } } function fest() { if (!allapot.kesz) return; if (observer) observer.disconnect(); try { cssBe(); tetelekJelolese(); szallitasValasztoJeloles(); osszegzoKorrekcio(); utanvetTiltas(); } catch (e) { /* a penztar sosem torhet el emiatt */ } if (observer) observer.observe(document.body, { childList: true, subtree: true }); } function kosarBe(ujraFestunk) { var most = Date.now(); if (most - utolsoKosar < UJRA_MS) { if (ujraFestunk) fest(); return; } utolsoKosar = most; fetch(location.origin + '/cart.js', { headers: { Accept: 'application/json' }, credentials: 'same-origin' }) .then(function (r) { return r.ok ? r.json() : null; }) .then(function (c) { if (!c || !c.items || !c.items.length) return; var tervek = {}, sub = 0, ossz = 0; c.items.forEach(function (i) { // az utanveti dij mutermek-tetel, ne szamitson bele az "osszes tetel"-be if (/ut[aá]nv[eé]t/i.test(i.title || '')) return; ossz++; var a = i.selling_plan_allocation; if (a && a.selling_plan && a.selling_plan.name) { tervek[szam(i.variant_id)] = a.selling_plan.name; sub++; } }); if (!sub) return; allapot.tervek = tervek; allapot.vanSub = true; allapot.csakSub = (sub === ossz); allapot.kesz = true; fest(); }) .catch(function () { /* nincs valasz: marad minden ugy, ahogy van */ }); } /* ---- 4. ajanloi jelzes + kupon-autofill (v4/v5/v6) ---- FUGGETLEN az elofizetes-agtol: akkor is fut, ha a kosarban nincs sub (az allapot.kesz kapu ezert NEM vonatkozik ra). Idempotens, sajat masodperces korrel; a kosR ujrarajzolasa utan magatol visszakerul. */ function refKod() { try { var k = localStorage.getItem('mk_ref'); return (k && /^[A-Za-z0-9]{6}$/.test(k)) ? k.toUpperCase() : null; } catch (e) { return null; } } function cookieKod() { var m = document.cookie.match(/(?:^|;\s*)discount_code=([^;]+)/); return m ? decodeURIComponent(m[1]).trim() : null; } function ajanloiJelzes() { var kod = refKod(); if (!kod) return; if (!document.getElementById('ds-ref-css')) { var s = document.createElement('style'); s.id = 'ds-ref-css'; s.textContent = '.ds-ref-note{margin:0 0 10px;padding:8px 12px;' + 'border-left:3px solid #2f6fc4;' + 'background:linear-gradient(90deg,rgba(47,111,196,.12),rgba(47,111,196,.02));' + 'border-radius:0 6px 6px 0;font-size:13px;line-height:1.5;color:#1a1815;' + 'text-align:left}' + '.ds-ref-note code{font-family:monospace;font-weight:700;color:#2f6fc4}' + '.ds-ref-note .ds-ref-pipa{color:#2f6fc4;font-weight:700;margin-right:4px}' + '.ds-ref-note small{display:block;font-size:12px;color:#5a5a5a;margin-top:2px}'; (document.head || document.documentElement).appendChild(s); } var sumok = document.querySelectorAll('.cart-summary-inner'); for (var i = 0; i < sumok.length; i++) { if (sumok[i].querySelector('.ds-ref-note')) continue; var p = document.createElement('p'); p.className = 'ds-ref-note'; var pipa = document.createElement('span'); pipa.className = 'ds-ref-pipa'; pipa.textContent = '✓'; p.appendChild(pipa); p.appendChild(document.createTextNode('Ajánlói linkkel érkeztél · ')); var c = document.createElement('code'); c.textContent = kod; p.appendChild(c); /* v5: a kupon-ut kimerve a fizetesi oldalon el (Kedvezmenykod mezo). Elofizeteses kosarnal a kupon nem ervenyes (egyszeri vasarlasra szol), ezert ott a mondat nem jelenik meg. */ if (!allapot.vanSub) { var kis = document.createElement('small'); kis.appendChild(document.createTextNode( 'A fizetési oldalon a Kedvezménykód mezőbe beírva (')); var c2 = document.createElement('code'); c2.textContent = kod; kis.appendChild(c2); kis.appendChild(document.createTextNode( ') 1000 Ft kedvezmény jár, 10 000 Ft feletti rendelésre.')); p.appendChild(kis); } sumok[i].insertBefore(p, sumok[i].firstChild); } } var kuponKitoltve = false; function kuponAutofill() { /* Feature-detect: a kosR-oldalon ma nincs kupon-input (lasd a fejlecet), amig nincs, ez a fuggveny nem csinal semmit. */ if (kuponKitoltve) return; var kod = cookieKod(); if (!kod) return; var input = document.querySelector( 'input[name*="coupon" i], input[id*="coupon" i], input[placeholder*="upon" i]'); if (!input || input.value) return; var gomb = document.querySelector('.coupon-btn'); input.value = kod; input.dispatchEvent(new Event('input', { bubbles: true })); input.dispatchEvent(new Event('change', { bubbles: true })); if (gomb && !gomb.disabled) gomb.click(); kuponKitoltve = true; // egyszer probalkozunk, nem kattintgatunk korbe } function indul() { try { kosarBe(false); observer = new MutationObserver(function () { clearTimeout(idozito); idozito = setTimeout(function () { kosarBe(true); }, 220); }); observer.observe(document.body, { childList: true, subtree: true }); /* ⚠️ MERT GOTCHA (2026-08-06): a MutationObserver ONMAGABAN NEM ELEG. Iras kozben leallitjuk (kulonben a sajat irasunkra tuzelne), es ha a kosR utolso mutacioja PONT abba a resbe esik, tobbe nem ertesulunk rola. Merve: MPL-re valtva (ott a legnagyobb az ujrarajzolas, mert a kosR az utanvetet is torli) a mobil sav TARTOSAN 16 180-on maradt, mikozben az osszegzo 17 080-at mutatott; 10 masodperc alatt sem allt helyre. Ez a masodpercenkenti kor a biztonsagi halo: a fest() minden lepese idempotens, tehat ha nincs dolga, nem csinal semmit. */ setInterval(function () { if (allapot.kesz) fest(); }, 1000); /* v4: az ajanloi sor sub nelkul is jar; sajat kor, idempotens */ ajanloiJelzes(); kuponAutofill(); setInterval(function () { try { ajanloiJelzes(); kuponAutofill(); } catch (e) { /* csendben */ } }, 1000); } catch (e) { /* csendben */ } } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', indul); else indul(); })();