radio"],[role="radio"]'; function norm(s) { return (s || '').replace(/\s+/g, ' ').trim().toLowerCase(); } function isPickupName(s) { return PICKUP_NAMES.indexOf(norm(s)) !== -1; } function isChecked(r) { return r.checked === true || r.getAttribute('aria-checked') === 'true'; } // --- A KoSR „Szállítás / Átvétel” fülsáv elrejtése --- // A fül felirata a KoSR saját szövege (pl. sk: „Odber v predajni”), nem a szállítási mód neve. // Átvételre utaló szótövek; szállítási díjsorra és GLS/DPD szövegre nem alkalmazzuk. var TAB_WORDS = ['átvétel', 'ridicare', 'abhol', 'preuzim', 'odbiór', 'odbior', 'odber', 'vyzdvihn', 'prevzem', 'pickup', 'pick-up', 'pick up', 'collect']; function isPickupTabText(s) { var t = norm(s); if (!t || t.length > 40 || /\b(gls|dpd)\b/.test(t) || isPickupName(t)) return false; return TAB_WORDS.some(function (k) { return t.indexOf(k) !== -1; }); } // A fülsáv: 2–3 rövid feliratú gyerekelem, rádiógomb és GLS/DPD szöveg nélkül function findTabBar(el) { var cur = el.closest('button,[role="tab"]') || el; for (var i = 0; i < 6 && cur && cur !== document.body; i++) { var p = cur.parentElement; if (!p) return null; var tabs = Array.prototype.filter.call(p.children, function (c) { var t = norm(c.textContent); return t.length > 0 && t.length <= 40; }); if (tabs.length >= 2 && tabs.length <= 3 && p.children.length <= 4 && !p.querySelector(RADIO) && !/\b(gls|dpd)\b/i.test(p.textContent || '')) { return { tab: cur, bar: p, others: tabs.filter(function (c) { return c !== cur; }) }; } cur = p; } return null; } function hideTabs() { var walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT); var node, hits = []; while ((node = walker.nextNode())) { if (!isPickupTabText(node.nodeValue)) continue; var el = node.parentElement; if (!el || el.closest('[data-onsize-hidden]') || el.hasAttribute('data-onsize-skip')) continue; hits.push(el); } hits.forEach(function (el) { var f = findTabBar(el); if (!f) { el.setAttribute('data-onsize-skip', '1'); console.log('[OnSize] átvétel-szerű felirat, de nem fülsáv, kihagyva:', norm(el.textContent)); return; } // Átváltás a szállítás fülre, mielőtt elrejtjük var other = f.others[0]; var clickable = other.matches('button,[role="tab"]') ? other : (other.querySelector('button,[role="tab"]') || other); clickable.click(); var target = f.others.length === 1 ? f.bar : f.tab; target.style.setProperty('display', 'none', 'important'); target.setAttribute('data-onsize-hidden', '1'); console.log('[OnSize] átvétel fül elrejtve:', norm(el.textContent)); }); } // A felirattól felfelé lép a legközelebbi elemig, amely pontosan egy rádiógombot tartalmaz: // ez az opció sora. Ha előbb érne el több rádiógombot tartalmazó elemhez, nem csinál semmit. function findRow(el) { for (var cur = el; cur && cur !== document.body; cur = cur.parentElement) { if (cur.matches(RADIO)) return { row: cur, radio: cur }; var radios = cur.querySelectorAll(RADIO); if (radios.length === 1) return { row: cur, radio: radios[0] }; if (radios.length > 1) return null; } return null; } // Ha az átvétel van kiválasztva, átkattint az első nem elrejtett opcióra ugyanabban a listában function switchAway(row, radio) { for (var p = row.parentElement; p && p !== document.body; p = p.parentElement) { var others = Array.prototype.filter.call(p.querySelectorAll(RADIO), function (r) { if (row.contains(r) || r.closest('[data-onsize-hidden]')) return false; return !radio.name || r.name === radio.name; }); if (others.length) { others[0].click(); console.log('[OnSize] átváltva a személyes átvételről'); return; } } } function fix() { hideTabs(); // Személyes átvétel díjsor elrejtése (tartalék, ha nem fül alatt jelenik meg) var walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT); var node, hits = []; while ((node = walker.nextNode())) { if (!isPickupName(node.nodeValue)) continue; var el = node.parentElement; if (!el || el.closest('[data-onsize-hidden]') || el.hasAttribute('data-onsize-skip')) continue; hits.push(el); } hits.forEach(function (el) { var f = findRow(el); if (!f) { // Pl. az összesítőben megjelenő név: nincs saját rádiógombja, ezért hozzá sem nyúl el.setAttribute('data-onsize-skip', '1'); console.log('[OnSize] átvétel felirat rádiógomb nélkül, kihagyva:', el); return; } if (isChecked(f.radio)) switchAway(f.row, f.radio); f.row.style.setProperty('display', 'none', 'important'); f.row.setAttribute('data-onsize-hidden', '1'); console.log('[OnSize] személyes átvétel elrejtve:', norm(el.textContent)); }); // Ha a checkout később mégis visszaválasztaná az elrejtett átvételt Array.prototype.forEach.call(document.querySelectorAll('[data-onsize-hidden]'), function (row) { var r = row.matches(RADIO) ? row : row.querySelector(RADIO); if (r && isChecked(r)) switchAway(row, r); }); } var scheduled = false; function schedule() { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; fix(); }); } function start() { fix(); new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true, characterData: true }); } if (document.body) start(); else document.addEventListener('DOMContentLoaded', start); })(); (function () { // ===== 2. „Usually ready in ...” sor elrejtése (változatlan) ===== var PATTERN = /usually ready|ready in|ready for pickup/i; function hideReady() { var walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT); var node; while ((node = walker.nextNode())) { if (!PATTERN.test(node.nodeValue || '')) continue; var el = node.parentElement; if (!el || el.closest('[data-onsize-ready-hidden]')) continue; var text = (node.nodeValue || '').trim(); while (el.parentElement && (el.parentElement.textContent || '').trim() === text) { el = el.parentElement; } el.style.setProperty('display', 'none', 'important'); el.setAttribute('data-onsize-ready-hidden', '1'); } } function start() { hideReady(); new MutationObserver(hideReady).observe(document.body, { childList: true, subtree: true }); } if (document.body) start(); else document.addEventListener('DOMContentLoaded', start); })(); (function () { // ===== 3. GLS / DPD logók (változatlan) ===== var LOGOS = { GLS: 'https://cdn.shopify.com/s/files/1/0529/9116/4605/files/GLS_logo_neg.jpg?v=1792148009', DPD: 'https://cdn.shopify.com/s/files/1/0529/9116/4605/files/DPD_640x420_-_Mobile_updated_tcm80-63312.jpg?v=1792148009' }; function addLogos() { var walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT); var node, targets = []; while ((node = walker.nextNode())) { var t = (node.nodeValue || '').trim(); if (!t || t.length > 60) continue; var m = t.match(/\b(GLS|DPD)\b/i); if (!m) continue; var parent = node.parentElement; if (!parent || parent.closest('[data-onsize-logo]') || parent.querySelector('.onsize-carrier-logo')) continue; targets.push({ node: node, parent: parent, carrier: m[1].toUpperCase() }); } targets.forEach(function (x) { var img = document.createElement('img'); img.src = LOGOS[x.carrier]; img.alt = x.carrier; img.className = 'onsize-carrier-logo'; img.style.cssText = 'height:20px;width:auto;margin-right:8px;vertical-align:middle;display:inline-block;'; x.parent.insertBefore(img, x.node); x.parent.setAttribute('data-onsize-logo', '1'); }); } function start() { addLogos(); new MutationObserver(addLogos).observe(document.body, { childList: true, subtree: true }); } if (document.body) start(); else document.addEventListener('DOMContentLoaded', start); })(); (function () { // ===== 4. Országválasztó lezárása domain szerint ===== // Minden OnSize domainen a domain országa fix (onsize.eu / onsize.hu: Magyarország). // Kattintásra üzenet a többi országoldallal; a linkek a kosár tartalmát is átviszik. var DOMAIN_COUNTRY = { eu: 'HU', hu: 'HU', sk: 'SK', pl: 'PL', si: 'SI', hr: 'HR', ro: 'RO', at: 'AT' }; var host = location.hostname.toLowerCase().replace(/^www\./, ''); if (host.indexOf('onsize.') !== 0) return; var COUNTRY = DOMAIN_COUNTRY[host.split('.').pop()]; if (!COUNTRY) return; // lng: a cél KoSR checkout nyelve var SITES = [ { code: 'AT', name: 'Österreich', domain: 'onsize.at', lng: 'de' }, { code: 'HR', name: 'Hrvatska', domain: 'onsize.hr', lng: 'hr' }, { code: 'HU', name: 'Magyarország', domain: 'onsize.eu', lng: 'hu' }, { code: 'PL', name: 'Polska', domain: 'onsize.pl', lng: 'pl' }, { code: 'RO', name: 'România', domain: 'onsize.ro', lng: 'ro' }, { code: 'SK', name: 'Slovensko', domain: 'onsize.sk', lng: 'sk' }, { code: 'SI', name: 'Slovenija', domain: 'onsize.si', lng: 'sl' } ]; var TEXT = { hu: { title: 'Másik országba rendelnél?', body: 'Válaszd ki, hova kéred a rendelésed, és máris a megfelelő OnSize oldalon folytathatod a vásárlást. A kosarad természetesen jön veled!', close: 'Bezárás' }, en: { title: 'Ordering to another country?', body: 'Choose where you’d like your order delivered and carry on shopping on the right OnSize site. Your cart comes with you, of course!', close: 'Close' }, sk: { title: 'Objednávaš do inej krajiny?', body: 'Vyber, kam chceš objednávku doručiť, a hneď môžeš pokračovať v nákupe na správnej stránke OnSize. Tvoj košík ide samozrejme s tebou!', close: 'Zavrieť' }, pl: { title: 'Zamawiasz do innego kraju?', body: 'Wybierz, dokąd ma trafić Twoje zamówienie, a od razu przejdziesz do zakupów na właściwej stronie OnSize. Twój koszyk oczywiście przeniesie się razem z Tobą!', close: 'Zamknij' }, sl: { title: 'Naročaš v drugo državo?', body: 'Izberi, kam želiš prejeti naročilo, in nakup takoj nadaljuj na pravi strani OnSize. Tvoja košarica seveda gre s tabo!', close: 'Zapri' }, hr: { title: 'Naručuješ u drugu državu?', body: 'Odaberi kamo želiš da ti stigne narudžba i odmah nastavi kupnju na odgovarajućoj OnSize stranici. Tvoja košarica, naravno, ide s tobom!', close: 'Zatvori' }, ro: { title: 'Comanzi în altă țară?', body: 'Alege unde vrei să primești comanda și continuă imediat cumpărăturile pe site-ul OnSize potrivit. Coșul tău vine, desigur, cu tine!', close: 'Închide' }, de: { title: 'In ein anderes Land bestellen?', body: 'Wähle aus, wohin deine Bestellung gehen soll, und shoppe direkt auf der passenden OnSize-Seite weiter. Dein Warenkorb kommt natürlich mit!', close: 'Schließen' } }; var LANG_ALIAS = { si: 'sl', cz: 'cs', at: 'de' }; var LANG_OF_COUNTRY = { HU: 'hu', SK: 'sk', PL: 'pl', SI: 'sl', HR: 'hr', RO: 'ro', AT: 'de' }; // Szöveg nyelve: 1. ?lng=, 2. az oldal lang attribútuma, 3. a domain országának nyelve function pickLang(v) { v = (v || '').toLowerCase().slice(0, 2); v = LANG_ALIAS[v] || v; return TEXT[v] ? v : ''; } var lng = ''; try { lng = pickLang(new URLSearchParams(location.search).get('lng')); } catch (e) {} if (!lng) lng = pickLang(document.documentElement.lang); if (!lng) lng = LANG_OF_COUNTRY[COUNTRY]; var T = TEXT[lng]; // Utolsó sor: Európa többi országa az onsize.shop-on (angolul feliratozva). // A .shop nyelve: magyar és német oldalról ugyanaz, máshonnan angol. // Az os_pick=1 jelzi a .shop-nak, hogy kérje be a pontos országot. var EUROPE = { code: 'EU', name: 'Europe', domain: 'onsize.shop', lng: (lng === 'hu' || lng === 'de') ? lng : 'en', pick: true }; var ROWS = SITES.filter(function (s) { return s.code !== COUNTRY; }).concat([EUROPE]); // Stílus a panelhez: !important, hogy a KoSR saját link-stílusai (hover keret, szín) ne írják felül if (!document.getElementById('onsize-country-style')) { var css = document.createElement('style'); css.id = 'onsize-country-style'; css.textContent = '.onsize-country-panel a.onsize-cl-row{display:flex!important;align-items:center;gap:12px;padding:0 14px!important;min-height:46px;' + 'text-decoration:none!important;color:#111111!important;background:#ffffff!important;border:0!important;' + 'border-top:1px solid #ededed!important;outline:none!important;box-shadow:none;filter:none!important;opacity:1!important;' + 'transition:background-color .15s ease}' + '.onsize-country-panel a.onsize-cl-row:first-child{border-top:0!important}' + '.onsize-country-panel a.onsize-cl-row:hover{background:#f4f4f4!important;filter:none!important;opacity:1!important}' + '.onsize-country-panel a.onsize-cl-row:focus-visible{background:#f4f4f4!important;box-shadow:inset 0 0 0 2px #8b7a5c}' + '.onsize-country-panel a.onsize-cl-row span{color:inherit}'; document.head.appendChild(css); } var BG = '#f6f6f6', INK = '#111111', MUTED = '#6b6b6b', ACCENT = '#5c513d', LINE = '#e6e6e6'; var LOCK_SVG = ''; var CLOSE_SVG = ''; var CHEVRON_SVG = ''; // --- Az országmező megtalálása és lezárása --- function countrySelects() { return Array.prototype.filter.call(document.querySelectorAll('select'), function (s) { return /country/i.test((s.name || '') + ' ' + (s.id || '')) && Array.prototype.some.call(s.options, function (o) { return o.value === COUNTRY; }); }); } var fixCount = 0; function enforce(sel) { if (sel.value === COUNTRY || fixCount >= 10) return; fixCount++; var setter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value').set; setter.call(sel, COUNTRY); sel.dispatchEvent(new Event('input', { bubbles: true })); sel.dispatchEvent(new Event('change', { bubbles: true })); console.log('[OnSize] ország visszaállítva:', COUNTRY); } function lock(sel) { var holder = sel.parentElement; if (!holder) return; sel.tabIndex = -1; sel.setAttribute('aria-disabled', 'true'); sel.style.setProperty('background-color', BG, 'important'); sel.style.setProperty('pointer-events', 'none', 'important'); if (!holder.querySelector('.onsize-country-lock')) { if (getComputedStyle(holder).position === 'static') holder.style.position = 'relative'; var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'onsize-country-lock'; btn.setAttribute('aria-haspopup', 'dialog'); btn.setAttribute('aria-label', T.title); btn.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;z-index:2;'; var icon = document.createElement('span'); icon.innerHTML = LOCK_SVG; icon.style.cssText = 'position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:' + BG + ';'; btn.appendChild(icon); btn.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); togglePanel(btn); }); holder.appendChild(btn); } } // --- Üzenet panel (asztali: a mező alatt, mobil: alulról felcsúszó) --- var panel = null, backdrop = null, anchorBtn = null; // A célodalra vivő link: ott kiüríti a kosarat, beteszi ugyanezeket a tételeket // (a tétel-tulajdonságokkal, pl. Kaching csomagajánlat), majd a KoSR checkoutra irányít a cél nyelvén. // A Shopify kosár-linkje (/cart/id:db) helyett ez kell, mert az a Shopify saját checkoutjára vinne. var cartItems = null; function loadCart(cb) { fetch(location.origin + '/cart.js', { credentials: 'same-origin' }) .then(function (r) { return r.ok ? r.json() : null; }) .then(function (c) { cartItems = (c && c.items) || []; cb(); }) .catch(function () { cartItems = []; cb(); }); } function targetUrl(site) { var base = 'https://' + site.domain; var checkout = '/apps/checkout?lng=' + site.lng + (site.pick ? '&os_pick=1' : ''); if (!cartItems || !cartItems.length) return base + '/'; function build(withProps) { var params = []; cartItems.forEach(function (i) { params.push('items[][id]=' + i.variant_id); params.push('items[][quantity]=' + i.quantity); if (withProps && i.properties) { Object.keys(i.properties).forEach(function (k) { var v = i.properties[k]; if (v === null || v === undefined || v === '') return; params.push('items[][properties][' + encodeURIComponent(k) + ']=' + encodeURIComponent(String(v))); }); } }); params.push('return_to=' + encodeURIComponent(checkout)); return base + '/cart/clear?return_to=' + encodeURIComponent('/cart/add?' + params.join('&')); } var url = build(true); return url.length > 6000 ? build(false) : url; } function buildPanel(mobile) { var p = document.createElement('div'); p.setAttribute('role', 'dialog'); p.setAttribute('aria-label', T.title); p.className = 'onsize-country-panel'; p.style.cssText = mobile ? 'position:fixed;left:0;right:0;bottom:0;z-index:2147483001;background:#fff;border-radius:20px 20px 0 0;padding:10px 20px 28px;box-shadow:0 -8px 24px rgba(17,17,17,.18);display:flex;flex-direction:column;gap:12px;max-height:85vh;overflow:auto;font-family:inherit;color:' + INK + ';box-sizing:border-box;' : 'position:absolute;z-index:2147483001;background:#fff;border:1px solid #d6d6d6;border-radius:14px;box-shadow:0 12px 32px rgba(17,17,17,.14);padding:20px;display:flex;flex-direction:column;gap:12px;font-family:inherit;color:' + INK + ';box-sizing:border-box;'; if (mobile) { var grab = document.createElement('div'); grab.style.cssText = 'width:40px;height:4px;border-radius:4px;background:#d6d6d6;align-self:center;margin-bottom:4px;'; p.appendChild(grab); } var head = document.createElement('div'); head.style.cssText = 'display:flex;align-items:flex-start;justify-content:space-between;gap:12px;'; var title = document.createElement('div'); title.textContent = T.title; title.style.cssText = 'font-size:' + (mobile ? 18 : 17) + 'px;font-weight:700;line-height:1.3;'; var x = document.createElement('button'); x.type = 'button'; x.setAttribute('aria-label', T.close); x.innerHTML = CLOSE_SVG; x.style.cssText = 'flex:0 0 auto;width:' + (mobile ? 44 : 32) + 'px;height:' + (mobile ? 44 : 32) + 'px;border:0;border-radius:10px;background:#f1f1f1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;'; x.addEventListener('click', closePanel); head.appendChild(title); head.appendChild(x); p.appendChild(head); var body = document.createElement('div'); body.textContent = T.body; body.style.cssText = 'font-size:14px;line-height:1.5;color:#3d3d3d;'; p.appendChild(body); var list = document.createElement('div'); list.style.cssText = 'display:flex;flex-direction:column;border:1px solid ' + LINE + ';border-radius:12px;overflow:hidden;'; ROWS.forEach(function (s) { var a = document.createElement('a'); a.href = 'https://' + s.domain + '/'; a.setAttribute('data-domain', s.domain); a.className = 'onsize-cl-row'; var flag = document.createElement('img'); flag.src = 'https://flagcdn.com/' + s.code.toLowerCase() + '.svg'; flag.alt = ''; flag.width = 24; flag.height = 18; flag.style.cssText = 'width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:0 0 auto;'; var name = document.createElement('span'); name.textContent = s.name; name.style.cssText = 'flex:1 1 auto;font-size:15px;font-weight:500;color:' + INK + ' !important;'; var dom = document.createElement('span'); dom.textContent = s.domain; dom.style.cssText = 'font-size:13px;color:' + MUTED + ' !important;'; var chev = document.createElement('span'); chev.innerHTML = CHEVRON_SVG; chev.style.cssText = 'display:flex;'; a.appendChild(flag); a.appendChild(name); a.appendChild(dom); a.appendChild(chev); // Ha a kosár még nem töltődött be, kattintáskor megvárja, és csak utána navigál a.addEventListener('click', function (e) { if (cartItems !== null) return; e.preventDefault(); loadCart(function () { location.href = targetUrl(s); }); }); list.appendChild(a); }); p.appendChild(list); // A linkek a kosár tartalmát is átviszik, és a KoSR checkoutra mutatnak loadCart(function () { Array.prototype.forEach.call(list.querySelectorAll('a[data-domain]'), function (a) { var site = ROWS.filter(function (s) { return s.domain === a.getAttribute('data-domain'); })[0]; if (site) a.href = targetUrl(site); }); }); return p; } function placePanel() { if (!panel || !anchorBtn || panel.style.position !== 'absolute') return; var r = anchorBtn.getBoundingClientRect(); panel.style.left = (r.left + window.scrollX) + 'px'; panel.style.top = (r.bottom + window.scrollY + 8) + 'px'; panel.style.width = r.width + 'px'; } function openPanel(btn) { closePanel(); anchorBtn = btn; var mobile = window.innerWidth < 640; if (mobile) { backdrop = document.createElement('div'); backdrop.style.cssText = 'position:fixed;inset:0;background:rgba(17,17,17,.45);z-index:2147483000;'; backdrop.addEventListener('click', closePanel); document.body.appendChild(backdrop); } panel = buildPanel(mobile); document.body.appendChild(panel); placePanel(); btn.setAttribute('aria-expanded', 'true'); } function closePanel() { if (panel) panel.remove(); if (backdrop) backdrop.remove(); if (anchorBtn) anchorBtn.setAttribute('aria-expanded', 'false'); panel = null; backdrop = null; anchorBtn = null; } function togglePanel(btn) { if (panel) closePanel(); else openPanel(btn); } document.addEventListener('keydown', function (e) { if (panel && e.key === 'Escape') closePanel(); }); document.addEventListener('click', function (e) { if (!panel || backdrop) return; if (panel.contains(e.target) || (anchorBtn && anchorBtn.contains(e.target))) return; closePanel(); }); window.addEventListener('resize', placePanel); // --- Futtatás --- function apply() { countrySelects().forEach(function (sel) { enforce(sel); lock(sel); }); } var scheduled = false; function schedule() { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; apply(); }); } function start() { apply(); new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true }); // A KoSR a mentett vázlatból később is visszaírhatja az országot: másodpercenként ellenőrizzük setInterval(apply, 1000); } if (document.body) start(); else document.addEventListener('DOMContentLoaded', start); })(); (function () { // ===== 5. Klarna és utánvét logó a fizetési módoknál ===== // A KoSR kártyalogóival azonos helyre (jobb oldali logósáv) és méretben (37×23, .payment-method-logo). // A sorokat a KoSR osztálya alapján találja meg, így minden nyelven működik. var LOGOS = [ { kind: 'klarna', item: '#available-payment-methods .accordion-item.carrier-installment', nameMatch: /klarna/i, src: 'https://cdn.shopify.com/s/files/1/0529/9116/4605/files/klarna_logo.png?v=1792274448', alt: 'Klarna', style: 'width:37px;height:23px;object-fit:contain;box-sizing:border-box;background-color:#FFB3C8;' }, { kind: 'cod', item: '#available-payment-methods .accordion-item.carrier-cod', // a boltban fizetés (ha a KoSR ugyanígy jelöli) ne kapjon utánvét-logót nameExclude: /bolt|store|trgovin|predajn|sklep|magazin|geschäft|laden/i, src: 'https://cdn.shopify.com/s/files/1/0529/9116/4605/files/cod_logo.png?v=1792275640', alt: 'Utánvét', style: 'width:37px;height:23px;object-fit:cover;box-sizing:border-box;' } ]; function addLogos() { LOGOS.forEach(function (L) { Array.prototype.forEach.call(document.querySelectorAll(L.item), function (item) { var name = ((item.querySelector('.accordion-item-title-name') || {}).textContent || '').trim(); if (L.nameMatch && !L.nameMatch.test(name)) return; if (L.nameExclude && L.nameExclude.test(name)) return; var slot = item.querySelector('.accordion-item-title-price'); if (!slot || slot.querySelector('.onsize-pay-logo[data-kind="' + L.kind + '"]')) return; var box = slot.querySelector('.payment-method-logos'); if (!box) { box = document.createElement('div'); box.className = 'payment-method-logos'; box.setAttribute('aria-hidden', 'true'); slot.appendChild(box); } var img = document.createElement('img'); img.src = L.src; img.alt = L.alt; img.className = 'payment-method-logo onsize-pay-logo'; img.setAttribute('data-kind', L.kind); img.loading = 'lazy'; img.style.cssText = L.style; box.appendChild(img); }); }); } var scheduled = false; function schedule() { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; addLogos(); }); } function start() { addLogos(); new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true }); } if (document.body) start(); else document.addEventListener('DOMContentLoaded', start); })();(function () { // ===== 6. Kupon szövegek és többes szám a választott nyelv (?lng=) szerint ===== // - A KoSR szervere a kupon hibaüzenetét mindig magyarul küldi: lefordítjuk. // - Román és szlovén nyelven a kuponmező és a gomb angol („Coupon code / Apply”): lefordítjuk. // - A gomb töltés-jelzőjének felolvasó szövege („Feldolgozás folyamatban...”) is magyar. // - Az összesítő darabszáma mindig többes számú („1 articole”, „1 položiek”): helyes alakra javítjuk. var host = location.hostname.toLowerCase().replace(/^www\./, ''); if (host.indexOf('onsize.') !== 0) return; var LANGS = ['hu', 'en', 'sk', 'pl', 'sl', 'hr', 'ro', 'de']; var LANG_ALIAS = { si: 'sl', at: 'de' }; var DOMAIN_LANG = { eu: 'hu', hu: 'hu', sk: 'sk', pl: 'pl', si: 'sl', hr: 'hr', ro: 'ro', at: 'de', shop: 'en' }; function pickLang(v) { v = (v || '').toLowerCase().slice(0, 2); v = LANG_ALIAS[v] || v; return LANGS.indexOf(v) !== -1 ? v : ''; } var lng = ''; try { lng = pickLang(new URLSearchParams(location.search).get('lng')); } catch (e) {} if (!lng) lng = pickLang(document.documentElement.lang); if (!lng) lng = DOMAIN_LANG[host.split('.').pop()] || 'hu'; // Kuponmező és gomb: csak ahol a KoSR rossz (angol) szöveget ad var FIELD = { ro: { label: 'Cod de reducere', btn: 'Aplică' }, sl: { label: 'Koda za popust', btn: 'Uporabi' } }; // Hibaüzenetek: „nem létezik” pontos fordítása + általános üzenet minden más (magyar) kuponhibára var ERR = { en: { missing: 'The discount code you entered doesn’t exist.', generic: 'This discount code can’t be used.' }, sk: { missing: 'Zadaný kód kupónu neexistuje.', generic: 'Tento kód kupónu nie je možné použiť.' }, pl: { missing: 'Podany kod kuponu nie istnieje.', generic: 'Tego kodu kuponu nie można użyć.' }, sl: { missing: 'Vnesena koda za popust ne obstaja.', generic: 'Te kode za popust ni mogoče uporabiti.' }, hr: { missing: 'Uneseni kod kupona ne postoji.', generic: 'Ovaj kod kupona nije moguće iskoristiti.' }, ro: { missing: 'Codul de reducere introdus nu există.', generic: 'Acest cod de reducere nu poate fi folosit.' }, de: { missing: 'Der eingegebene Gutscheincode existiert nicht.', generic: 'Dieser Gutscheincode kann nicht verwendet werden.' } }; var HU_MISSING = /megadott kupon nem létezik/i; var HU_LIKE = /[őűŐŰ]|\bnem\b|\bkupon\b|kedvezmény|érvény|lejárt|felhaszn/i; var BUSY = { en: 'Processing...', sk: 'Spracúva sa...', pl: 'Przetwarzanie...', sl: 'Obdelava poteka...', hr: 'Obrada u tijeku...', ro: 'Se procesează...', de: 'Wird verarbeitet...' }; // Többes szám: a darabszám után a nyelvtanilag helyes alak function mod(n, m) { return n % m; } function between(x, a, b) { return x >= a && x <= b; } var PLURAL = { ro: { words: ['articol', 'articole', 'de articole'], form: function (n) { return n === 1 ? 'articol' : (n === 0 || between(mod(n, 100), 1, 19)) ? 'articole' : 'de articole'; } }, sk: { words: ['položka', 'položky', 'položiek'], form: function (n) { return n === 1 ? 'položka' : between(n, 2, 4) ? 'položky' : 'položiek'; } }, pl: { words: ['pozycja', 'pozycje', 'pozycji'], form: function (n) { return n === 1 ? 'pozycja' : (between(mod(n, 10), 2, 4) && !between(mod(n, 100), 12, 14)) ? 'pozycje' : 'pozycji'; } }, sl: { words: ['artikel', 'artikla', 'artikli', 'artiklov'], form: function (n) { var r = mod(n, 100); return r === 1 ? 'artikel' : r === 2 ? 'artikla' : (r === 3 || r === 4) ? 'artikli' : 'artiklov'; } }, hr: { words: ['artikl', 'artikla', 'artikala'], form: function (n) { return (mod(n, 10) === 1 && mod(n, 100) !== 11) ? 'artikl' : (between(mod(n, 10), 2, 4) && !between(mod(n, 100), 12, 14)) ? 'artikla' : 'artikala'; } }, en: { words: ['item', 'items'], form: function (n) { return n === 1 ? 'item' : 'items'; } } }; var P = PLURAL[lng]; var PLURAL_RE = P ? new RegExp('^(\\s*)(\\d+)(\\s+)(' + P.words.slice().sort(function (a, b) { return b.length - a.length; }).join('|') + ')(\\s*)$', 'i') : null; function setText(node, text) { if (node.nodeValue !== text) node.nodeValue = text; } function fixField() { var F = FIELD[lng]; Array.prototype.forEach.call(document.querySelectorAll('input[name="coupon_code"]'), function (inp) { if (F) { if (inp.placeholder !== F.label) inp.placeholder = F.label; Array.prototype.forEach.call(inp.labels || [], function (l) { if (l.textContent !== F.label) l.textContent = F.label; }); } var holder = inp.closest('.discount-holder'); if (!holder) return; var btn = holder.querySelector('.coupon-btn'); if (btn) { if (F) { Array.prototype.forEach.call(btn.childNodes, function (n) { if (n.nodeType === 3 && n.nodeValue.trim()) setText(n, F.btn); }); } var svg = btn.querySelector('svg[aria-label]'); if (svg && BUSY[lng] && svg.getAttribute('aria-label') !== BUSY[lng]) svg.setAttribute('aria-label', BUSY[lng]); } var E = ERR[lng]; var box = holder.querySelector('.error-messages'); if (E && box) { var txt = (box.textContent || '').trim(); if (txt && txt !== E.missing && txt !== E.generic) { var out = HU_MISSING.test(txt) ? E.missing : (HU_LIKE.test(txt) ? E.generic : null); if (out) { var w = document.createTreeWalker(box, NodeFilter.SHOW_TEXT), n, first = true; while ((n = w.nextNode())) { if (!n.nodeValue.trim()) continue; setText(n, first ? out : ''); first = false; } } } } }); } function fixPlural() { if (!PLURAL_RE) return; var w = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT), n; while ((n = w.nextNode())) { var v = n.nodeValue; if (!v || v.length > 30) continue; var m = v.match(PLURAL_RE); if (!m) continue; var want = P.form(parseInt(m[2], 10)); if (m[4].toLowerCase() !== want.toLowerCase()) setText(n, m[1] + m[2] + m[3] + want + m[5]); } } function apply() { fixField(); fixPlural(); } var scheduled = false; function schedule() { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; apply(); }); } function start() { apply(); new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true, characterData: true, attributes: true, attributeFilter: ['placeholder', 'aria-label'] }); } if (document.body) start(); else document.addEventListener('DOMContentLoaded', start); })(); (function () { // ===== 7. onsize.shop (Európa): kötelező országválasztás és országváltó ===== // Nem bezárható ablak kéri a pontos országot (Megerősítés gombbal), ha // - másik OnSize domainről érkezett ide (?os_pick=1), // - ebben a böngészőmenetben még nem választott, vagy // - a mezőben valamelyik saját domaines ország állna (pl. mentett cím). // Később a mezőre kattintva ugyanez a lista nyílik meg, bezárható formában. // Lista: előbb a 7 saját domaines ország (átirányít a kosárral), utána a .shop országai a ?lng= nyelvén. var host = location.hostname.toLowerCase().replace(/^www\./, ''); if (host !== 'onsize.shop') return; var SITES = [ { code: 'AT', name: 'Österreich', domain: 'onsize.at', lng: 'de' }, { code: 'HR', name: 'Hrvatska', domain: 'onsize.hr', lng: 'hr' }, { code: 'HU', name: 'Magyarország', domain: 'onsize.eu', lng: 'hu' }, { code: 'PL', name: 'Polska', domain: 'onsize.pl', lng: 'pl' }, { code: 'RO', name: 'România', domain: 'onsize.ro', lng: 'ro' }, { code: 'SK', name: 'Slovensko', domain: 'onsize.sk', lng: 'sk' }, { code: 'SI', name: 'Slovenija', domain: 'onsize.si', lng: 'sl' } ]; var OWN = {}; SITES.forEach(function (s) { OWN[s.code] = s; }); var TEXT = { en: { title: 'Where should we deliver your order?', body: 'Choose your country to continue — we’ll show you the shipping options and prices for it.', confirm: 'Confirm', pick: 'Choose your country', close: 'Close' }, de: { title: 'Wohin sollen wir deine Bestellung liefern?', body: 'Wähle dein Land, um fortzufahren – wir zeigen dir dann die passenden Versandarten und Preise.', confirm: 'Bestätigen', pick: 'Land auswählen', close: 'Schließen' }, hu: { title: 'Hová szállítsuk a rendelésed?', body: 'Válaszd ki az országot a folytatáshoz, és megmutatjuk a hozzá tartozó szállítási módokat és árakat.', confirm: 'Megerősítés', pick: 'Válaszd ki az országot', close: 'Bezárás' } }; var NAMES = { en: { BE: 'Belgium', BG: 'Bulgaria', CZ: 'Czechia', DK: 'Denmark', EE: 'Estonia', FI: 'Finland', FR: 'France', DE: 'Germany', GR: 'Greece', IE: 'Ireland', IT: 'Italy', LV: 'Latvia', LT: 'Lithuania', LU: 'Luxembourg', NL: 'Netherlands', PT: 'Portugal', ES: 'Spain', SE: 'Sweden' }, de: { BE: 'Belgien', BG: 'Bulgarien', CZ: 'Tschechien', DK: 'Dänemark', EE: 'Estland', FI: 'Finnland', FR: 'Frankreich', DE: 'Deutschland', GR: 'Griechenland', IE: 'Irland', IT: 'Italien', LV: 'Lettland', LT: 'Litauen', LU: 'Luxemburg', NL: 'Niederlande', PT: 'Portugal', ES: 'Spanien', SE: 'Schweden' }, hu: { BE: 'Belgium', BG: 'Bulgária', CZ: 'Csehország', DK: 'Dánia', EE: 'Észtország', FI: 'Finnország', FR: 'Franciaország', DE: 'Németország', GR: 'Görögország', IE: 'Írország', IT: 'Olaszország', LV: 'Lettország', LT: 'Litvánia', LU: 'Luxemburg', NL: 'Hollandia', PT: 'Portugália', ES: 'Spanyolország', SE: 'Svédország' } }; // Nyelv: 1. ?lng=, 2. az oldal lang attribútuma, 3. angol function pickLang(v) { v = (v || '').toLowerCase().slice(0, 2); return TEXT[v] ? v : ''; } var params = null, lng = '', forcePick = false; try { params = new URLSearchParams(location.search); } catch (e) {} if (params) { lng = pickLang(params.get('lng')); forcePick = params.get('os_pick') === '1'; } if (!lng) lng = pickLang(document.documentElement.lang); if (!lng) lng = 'en'; var T = TEXT[lng]; // A választás böngészőmenetenként megmarad (sessionStorage; ha nem elérhető, csak erre az oldalbetöltésre) var KEY = 'onsize_shop_country', memSaved = ''; function getSaved() { try { return sessionStorage.getItem(KEY) || memSaved; } catch (e) { return memSaved; } } function setSaved(code) { memSaved = code; try { sessionStorage.setItem(KEY, code); } catch (e) {} } function dropPickParam() { forcePick = false; try { var u = new URL(location.href); if (!u.searchParams.has('os_pick')) return; u.searchParams.delete('os_pick'); // Teljes URL kell: a KoSR címe más domainre mutat, relatív címmel hibát dobna history.replaceState(history.state, '', u.href); } catch (e) {} } var INK = '#111111', MUTED = '#6b6b6b', LINE = '#e6e6e6'; var CLOSE_SVG = ''; var CHEVRON_SVG = ''; // Stílus: !important, hogy a KoSR link- és gombstílusai (hover sötétítés, keret) ne írják felül if (!document.getElementById('onsize-shop-style')) { var css = document.createElement('style'); css.id = 'onsize-shop-style'; css.textContent = '.onsize-shop-dlg,.onsize-shop-dlg *{box-sizing:border-box}' + '.onsize-shop-dlg .onsize-sr{display:flex!important;align-items:center;gap:12px;width:100%;flex:0 0 auto;min-height:46px;margin:0!important;' + 'padding:0 14px!important;border:0!important;border-top:1px solid #ededed!important;border-radius:0!important;background:#ffffff!important;' + 'color:' + INK + '!important;font:inherit;font-size:15px!important;font-weight:500!important;line-height:1.3!important;text-align:left;' + 'text-decoration:none!important;cursor:pointer;filter:none!important;opacity:1!important;box-shadow:none!important;outline:none!important;' + 'transition:background-color .15s ease}' + '.onsize-shop-dlg .onsize-sr:first-child{border-top:0!important}' + '.onsize-shop-dlg .onsize-sr:hover{background:#f4f4f4!important}' + '.onsize-shop-dlg .onsize-sr:focus-visible{background:#f4f4f4!important;box-shadow:inset 0 0 0 2px #8b7a5c!important}' + '.onsize-shop-dlg .onsize-sr.is-on{background:#f6f2ea!important;font-weight:700!important}' + '.onsize-shop-dlg .onsize-sr img{width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:0 0 auto}' + '.onsize-shop-dlg .onsize-sr .os-n{flex:1 1 auto;color:inherit}' + '.onsize-shop-dlg .onsize-sr .os-d{font-size:13px;font-weight:400;color:' + MUTED + '}' + '.onsize-shop-dlg .onsize-sr .os-c{width:16px;text-align:center;font-weight:700;color:#8b7a5c}' + '.onsize-shop-dlg .onsize-shop-ok{flex:0 0 auto;min-height:52px;width:100%;margin:0;border:0!important;border-radius:12px!important;background:' + INK + '!important;' + 'color:#ffffff!important;font:inherit;font-size:16px!important;font-weight:600!important;cursor:pointer;filter:none!important;opacity:1!important}' + '.onsize-shop-dlg .onsize-shop-ok:not(:disabled):hover{background:#333333!important}' + '.onsize-shop-dlg .onsize-shop-ok:disabled{background:#bdbdbd!important;cursor:not-allowed}'; document.head.appendChild(css); } // --- Országmező(k) --- function countrySelects() { return Array.prototype.filter.call(document.querySelectorAll('select'), function (s) { return /country/i.test((s.name || '') + ' ' + (s.id || '')) && s.options.length > 1; }); } function hasOption(sel, code) { return Array.prototype.some.call(sel.options, function (o) { return o.value === code; }); } function shopCodes(sel) { var seen = {}; return Array.prototype.map.call(sel.options, function (o) { return o.value; }).filter(function (v) { if (!/^[A-Z]{2}$/.test(v) || OWN[v] || seen[v]) return false; seen[v] = true; return true; }); } var dn = null; try { dn = new Intl.DisplayNames([lng], { type: 'region' }); } catch (e) {} function nameOf(sel, code) { if (NAMES[lng][code]) return NAMES[lng][code]; try { if (dn) return dn.of(code); } catch (e) {} var o = Array.prototype.filter.call(sel.options, function (x) { return x.value === code; })[0]; return o ? o.text : code; } function setCountry(sel, code) { if (!hasOption(sel, code) || sel.value === code) return; var setter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value').set; setter.call(sel, code); sel.dispatchEvent(new Event('input', { bubbles: true })); sel.dispatchEvent(new Event('change', { bubbles: true })); } function chooseShop(code) { setSaved(code); dropPickParam(); countrySelects().forEach(function (s) { setCountry(s, code); }); } // --- Kosár átvitele a saját domaines országoldalra (mint a 4. blokkban) --- var cartItems = null, cartWaiting = []; function loadCart(cb) { if (cartItems !== null) { cb(); return; } cartWaiting.push(cb); if (cartWaiting.length > 1) return; fetch(location.origin + '/cart.js', { credentials: 'same-origin' }) .then(function (r) { return r.ok ? r.json() : null; }) .then(function (c) { cartItems = (c && c.items) || []; }) .catch(function () { cartItems = []; }) .then(function () { var w = cartWaiting; cartWaiting = []; w.forEach(function (f) { f(); }); }); } function targetUrl(site) { var base = 'https://' + site.domain; var checkout = '/apps/checkout?lng=' + site.lng; if (!cartItems || !cartItems.length) return base + '/'; function build(withProps) { var p = []; cartItems.forEach(function (i) { p.push('items[][id]=' + i.variant_id); p.push('items[][quantity]=' + i.quantity); if (withProps && i.properties) { Object.keys(i.properties).forEach(function (k) { var v = i.properties[k]; if (v === null || v === undefined || v === '') return; p.push('items[][properties][' + encodeURIComponent(k) + ']=' + encodeURIComponent(String(v))); }); } }); p.push('return_to=' + encodeURIComponent(checkout)); return base + '/cart/clear?return_to=' + encodeURIComponent('/cart/add?' + p.join('&')); } var url = build(true); return url.length > 6000 ? build(false) : url; } function goToSite(site) { loadCart(function () { location.href = targetUrl(site); }); } // --- Lista sorai --- function flagImg(code) { var img = document.createElement('img'); img.src = 'https://flagcdn.com/' + code.toLowerCase() + '.svg'; img.alt = ''; img.width = 24; img.height = 18; return img; } function makeRow(tag, code, name, domain) { var r = document.createElement(tag); r.className = 'onsize-sr'; r.setAttribute('data-code', code); if (tag === 'button') r.type = 'button'; var n = document.createElement('span'); n.className = 'os-n'; n.textContent = name; r.appendChild(flagImg(code)); r.appendChild(n); if (domain) { var d = document.createElement('span'); d.className = 'os-d'; d.textContent = domain; r.appendChild(d); } return r; } function buildList(sel, onPick, current, linkOwn) { var list = document.createElement('div'); list.style.cssText = 'display:flex;flex-direction:column;border:1px solid ' + LINE + ';border-radius:12px;overflow-y:auto;-webkit-overflow-scrolling:touch;'; SITES.forEach(function (s) { var r = makeRow(linkOwn ? 'a' : 'button', s.code, s.name, s.domain); if (linkOwn) { r.href = 'https://' + s.domain + '/'; var ch = document.createElement('span'); ch.style.cssText = 'display:flex;'; ch.innerHTML = CHEVRON_SVG; r.appendChild(ch); r.addEventListener('click', function (e) { if (cartItems !== null) return; e.preventDefault(); goToSite(s); }); } r.addEventListener('click', function (e) { onPick(s.code, r, e); }); list.appendChild(r); }); shopCodes(sel).map(function (c) { return { code: c, name: nameOf(sel, c) }; }) .sort(function (a, b) { return a.name.localeCompare(b.name, lng); }) .forEach(function (c) { var r = makeRow('button', c.code, c.name, ''); var mark = document.createElement('span'); mark.className = 'os-c'; mark.setAttribute('aria-hidden', 'true'); r.appendChild(mark); if (c.code === current) { r.classList.add('is-on'); mark.textContent = '✓'; } r.addEventListener('click', function (e) { onPick(c.code, r, e); }); list.appendChild(r); }); if (linkOwn) { loadCart(function () { Array.prototype.forEach.call(list.querySelectorAll('a.onsize-sr'), function (a) { var site = OWN[a.getAttribute('data-code')]; if (site) a.href = targetUrl(site); }); }); } return list; } function isMobile() { return window.innerWidth < 640; } var savedOverflow = null; function lockScroll(on) { var el = document.documentElement; if (on && savedOverflow === null) { savedOverflow = el.style.overflow; el.style.overflow = 'hidden'; } if (!on && savedOverflow !== null) { el.style.overflow = savedOverflow; savedOverflow = null; } } // --- Kötelező választás (nem zárható be) --- var arrival = null; function openArrival(sel) { if (arrival && document.body.contains(arrival)) return; closePicker(); var mobile = isMobile(); var chosen = ''; var wrap = document.createElement('div'); wrap.className = 'onsize-shop-arrival'; wrap.style.cssText = 'position:fixed;inset:0;z-index:2147483000;background:rgba(17,17,17,.5);' + (mobile ? '' : 'display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;'); var dlg = document.createElement('div'); dlg.className = 'onsize-shop-dlg'; dlg.setAttribute('role', 'dialog'); dlg.setAttribute('aria-modal', 'true'); dlg.setAttribute('aria-labelledby', 'onsize-shop-title'); dlg.style.cssText = 'background:#ffffff;display:flex;flex-direction:column;gap:14px;font-family:inherit;color:' + INK + ';' + (mobile ? 'position:fixed;left:0;right:0;bottom:0;top:56px;border-radius:20px 20px 0 0;padding:20px 20px calc(24px + env(safe-area-inset-bottom));' : 'width:100%;max-width:480px;max-height:calc(100vh - 48px);border-radius:16px;box-shadow:0 24px 60px rgba(17,17,17,.3);padding:24px;'); var head = document.createElement('div'); head.style.cssText = 'display:flex;align-items:center;gap:12px;'; var eu = document.createElement('img'); eu.src = 'https://flagcdn.com/eu.svg'; eu.alt = ''; eu.width = 28; eu.height = 21; eu.style.cssText = 'width:28px;height:21px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:0 0 auto;'; var title = document.createElement('div'); title.id = 'onsize-shop-title'; title.textContent = T.title; title.style.cssText = 'font-size:19px;font-weight:700;line-height:1.3;'; head.appendChild(eu); head.appendChild(title); var body = document.createElement('div'); body.textContent = T.body; body.style.cssText = 'font-size:14px;line-height:1.5;color:#3d3d3d;'; var ok = document.createElement('button'); ok.type = 'button'; ok.className = 'onsize-shop-ok'; ok.textContent = T.confirm; ok.disabled = true; var list = buildList(sel, function (code, row) { chosen = code; Array.prototype.forEach.call(list.querySelectorAll('.onsize-sr'), function (r) { var on = r === row; r.classList.toggle('is-on', on); r.setAttribute('aria-pressed', on ? 'true' : 'false'); var m = r.querySelector('.os-c'); if (m) m.textContent = on ? '✓' : ''; }); ok.disabled = false; if (OWN[code]) loadCart(function () {}); }, '', false); Array.prototype.forEach.call(list.querySelectorAll('.onsize-sr'), function (r) { r.setAttribute('aria-pressed', 'false'); if (!r.querySelector('.os-c')) { var m = document.createElement('span'); m.className = 'os-c'; m.setAttribute('aria-hidden', 'true'); r.appendChild(m); } }); list.style.flex = '1 1 auto'; list.style.minHeight = '120px'; if (!mobile) list.style.maxHeight = '420px'; ok.addEventListener('click', function () { if (!chosen) return; if (OWN[chosen]) { ok.disabled = true; goToSite(OWN[chosen]); return; } chooseShop(chosen); closeArrival(); }); dlg.appendChild(head); dlg.appendChild(body); dlg.appendChild(list); dlg.appendChild(ok); wrap.appendChild(dlg); document.body.appendChild(wrap); arrival = wrap; lockScroll(true); // A fókusz az ablakon van (nem az első soron), hogy ne tűnjön úgy, mintha Ausztria ki lenne választva dlg.tabIndex = -1; dlg.style.outline = 'none'; try { dlg.focus({ preventScroll: true }); } catch (e) {} } function closeArrival() { if (arrival) arrival.remove(); arrival = null; lockScroll(false); } // Nem zárható be: Esc nem csinál semmit, a Tab a párbeszédablakon belül marad document.addEventListener('keydown', function (e) { if (!arrival) return; if (e.key === 'Escape') { e.stopPropagation(); e.preventDefault(); return; } if (e.key === 'Tab') { var f = arrival.querySelectorAll('button:not([disabled]),a[href]'); if (!f.length) return; var first = f[0], last = f[f.length - 1]; if (!arrival.contains(document.activeElement)) { e.preventDefault(); first.focus(); } else if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); } else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); } } }, true); // --- Későbbi országváltás (bezárható) --- var picker = null, pickerBackdrop = null, pickerAnchor = null; function openPicker(btn, sel) { closePicker(); pickerAnchor = btn; var mobile = isMobile(); if (mobile) { pickerBackdrop = document.createElement('div'); pickerBackdrop.style.cssText = 'position:fixed;inset:0;background:rgba(17,17,17,.45);z-index:2147483000;'; pickerBackdrop.addEventListener('click', closePicker); document.body.appendChild(pickerBackdrop); } var p = document.createElement('div'); p.className = 'onsize-shop-dlg'; p.setAttribute('role', 'dialog'); p.setAttribute('aria-label', T.pick); p.style.cssText = 'z-index:2147483001;background:#ffffff;display:flex;flex-direction:column;gap:12px;font-family:inherit;color:' + INK + ';' + (mobile ? 'position:fixed;left:0;right:0;bottom:0;max-height:85vh;border-radius:20px 20px 0 0;padding:10px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(17,17,17,.18);' : 'position:absolute;border:1px solid #d6d6d6;border-radius:14px;box-shadow:0 12px 32px rgba(17,17,17,.14);padding:20px;'); if (mobile) { var grab = document.createElement('div'); grab.style.cssText = 'width:40px;height:4px;border-radius:4px;background:#d6d6d6;align-self:center;flex:0 0 auto;'; p.appendChild(grab); } var head = document.createElement('div'); head.style.cssText = 'display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;'; var title = document.createElement('div'); title.textContent = T.pick; title.style.cssText = 'font-size:' + (mobile ? 18 : 17) + 'px;font-weight:700;line-height:1.3;'; var x = document.createElement('button'); x.type = 'button'; x.setAttribute('aria-label', T.close); x.innerHTML = CLOSE_SVG; x.style.cssText = 'flex:0 0 auto;width:' + (mobile ? 44 : 32) + 'px;height:' + (mobile ? 44 : 32) + 'px;border:0;border-radius:10px;background:#f1f1f1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;'; x.addEventListener('click', closePicker); head.appendChild(title); head.appendChild(x); p.appendChild(head); var list = buildList(sel, function (code) { if (OWN[code]) return; // a link (kosárral) visz át chooseShop(code); closePicker(); }, sel.value, true); list.style.flex = '1 1 auto'; list.style.minHeight = '0'; if (!mobile) list.style.maxHeight = '440px'; p.appendChild(list); document.body.appendChild(p); picker = p; placePicker(); btn.setAttribute('aria-expanded', 'true'); } function placePicker() { if (!picker || !pickerAnchor || picker.style.position !== 'absolute') return; var r = pickerAnchor.getBoundingClientRect(); picker.style.left = (r.left + window.scrollX) + 'px'; picker.style.top = (r.bottom + window.scrollY + 8) + 'px'; picker.style.width = Math.max(r.width, 320) + 'px'; } function closePicker() { if (picker) picker.remove(); if (pickerBackdrop) pickerBackdrop.remove(); if (pickerAnchor) pickerAnchor.setAttribute('aria-expanded', 'false'); picker = null; pickerBackdrop = null; pickerAnchor = null; } document.addEventListener('keydown', function (e) { if (picker && e.key === 'Escape') closePicker(); }); document.addEventListener('click', function (e) { if (!picker || pickerBackdrop) return; if (picker.contains(e.target) || (pickerAnchor && pickerAnchor.contains(e.target))) return; closePicker(); }); window.addEventListener('resize', placePicker); // A natív legördülő helyett a saját lista nyílik meg function cover(sel) { var holder = sel.parentElement; if (!holder || holder.querySelector('.onsize-shop-open')) return; if (getComputedStyle(holder).position === 'static') holder.style.position = 'relative'; sel.tabIndex = -1; var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'onsize-shop-open'; btn.setAttribute('aria-haspopup', 'dialog'); btn.setAttribute('aria-expanded', 'false'); btn.setAttribute('aria-label', T.pick); btn.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;z-index:2;'; btn.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); if (picker) closePicker(); else openPicker(btn, sel); }); holder.appendChild(btn); } // --- Futtatás --- var fixCount = 0; function apply() { var sels = countrySelects(); if (!sels.length) return; sels.forEach(cover); var sel = document.getElementById('invoice-country') || sels[0]; var saved = getSaved(); if (forcePick || !saved || !hasOption(sel, saved)) { openArrival(sel); return; } // Saját domaines ország nem maradhat a .shop-on: visszaállítjuk a választott országot sels.forEach(function (s) { if (!OWN[s.value]) return; if (fixCount < 10) { fixCount++; setCountry(s, saved); } else openArrival(sel); }); } var scheduled = false; function schedule() { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; apply(); }); } function start() { apply(); new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true }); setInterval(apply, 1000); } if (document.body) start(); else document.addEventListener('DOMContentLoaded', start); })(); (function () { // ===== 8. onsize.shop: utánvét (Cash on delivery) elrejtése ===== // Ha a KoSR (pl. mentett vázlatból) mégis az utánvétet jelölné ki, átvált az első látható fizetési módra. var host = location.hostname.toLowerCase().replace(/^www\./, ''); if (host !== 'onsize.shop') return; var COD = '#available-payment-methods > .accordion-item.carrier-cod'; if (!document.getElementById('onsize-shop-cod-style')) { var css = document.createElement('style'); css.id = 'onsize-shop-cod-style'; css.textContent = COD + '{display:none!important}'; document.head.appendChild(css); } var switches = 0; function fix() { var selected = document.querySelector(COD + '.selected'); if (!selected || switches >= 5) return; var other = Array.prototype.filter.call( document.querySelectorAll('#available-payment-methods > .accordion-item'), function (i) { return !i.classList.contains('carrier-cod'); } )[0]; if (!other) return; switches++; (other.querySelector('.accordion-item-header') || other).click(); console.log('[OnSize] .shop: utánvét helyett átváltva:', ((other.querySelector('.accordion-item-title-name') || {}).textContent || '').trim()); } var scheduled = false; function schedule() { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; fix(); }); } function start() { fix(); new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] }); setInterval(fix, 1000); } if (document.body) start(); else document.addEventListener('DOMContentLoaded', start); })();

Designer