Suchergebnisse für:

(function () { function q(s, r) { return (r || document).querySelector(s); } function qa(s, r) { return Array.prototype.slice.call((r || document).querySelectorAll(s)); } function el(tag, cls, html) { var e = document.createElement(tag); if (cls) e.className = cls; if (html != null) e.innerHTML = html; return e; } function esc(s) { return String(s || '').replace(/[&<>"]/g, function (c) { return { '&': '&', '<': '<', '>': '>', '"': '"' }[c]; }); } var ARROW = ''; function topbar() { var row = q('#page-header .top-bar > .container-max:first-child > .row'); if (!row || q('.cy-topbar-left', row)) return; var box = el('div', 'cy-topbar-left', 'B2B-Shop · Verkauf ausschließlich an Gewerbekunden' + 'Beratung' + 'CEYLAN Unternehmen ' + ARROW + ''); row.appendChild(box); } var sTimer = null, sSeq = 0; function headerSearch() { var row = q('#page-header nav.navbar .container-max > .row'); if (!row || q('.cy-hsearch', row)) return; var form = el('form', 'cy-hsearch', '' + '' + '' + ''); form.action = '/search'; form.method = 'get'; form.setAttribute('role', 'search'); var brand = q('.brand-wrapper', row); if (brand && brand.nextSibling) row.insertBefore(form, brand.nextSibling); else row.appendChild(form); document.body.classList.add('cy-has-hsearch'); var input = q('.cy-hsearch__input', form), list = q('.cy-hsearch__list', form); input.addEventListener('input', function () { var v = input.value.trim(); clearTimeout(sTimer); if (v.length < 2) { list.hidden = true; return; } sTimer = setTimeout(function () { var my = ++sSeq; fetch('/rest/io/item/search?query=' + encodeURIComponent(v) + '&itemsPerPage=6', { headers: { 'Accept': 'application/json' }, credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (json) { if (my !== sSeq) return; var docs = ((((json || {}).data || {}).itemList || {}).documents || []); list.innerHTML = ''; docs.forEach(function (doc) { var d = doc.data || {}, path = (d.texts || {}).urlPath, id = (d.item || {}).id; if (!path || !id) return; var img = ((d.images || {}).all || [])[0] || {}; var price = ((((d.prices || {}).default || {}).price) || {}).formatted || ''; var tag = tagHtml(((d.item || {}).storeSpecial || {}).id, ((((d.prices || {}).default || {}).price) || {}).value, ((((d.prices || {}).rrp || {}).price) || {}).value); var li = el('li', null, '' + '' + (img.urlPreview || img.urlMiddle ? '' : '') + '' + '' + esc((d.variation || {}).name) + '' + esc((d.texts || {}).name1) + '' + tag + '' + '' + esc(price) + ''); qa('img[data-cy-src]', li).forEach(function (im) { im.src = im.getAttribute('data-cy-src'); }); list.appendChild(li); }); var all = el('li', 'cy-hsearch__all', 'Alle Treffer für „' + esc(v) + '“'); list.appendChild(all); list.hidden = false; }) .catch(function () { list.hidden = true; }); }, 250); }); document.addEventListener('click', function (e) { if (!form.contains(e.target)) list.hidden = true; }); input.addEventListener('keydown', function (e) { if (e.key === 'Escape') { list.hidden = true; input.blur(); } }); } function zoom() { if (!document.body.classList.contains('page-singleitem') || !window.MagicZoom) return; var main = q('.single a.MagicZoom'); if (!main || main.getAttribute('data-cy-zoom')) return; main.setAttribute('data-cy-zoom', '1'); qa('.single a[data-zoom-id]').forEach(function (a) { a.href = a.href.replace('/middle/', '/full/'); }); var full = main.href.replace('/middle/', '/full/'); var probe = new Image(); probe.onload = function () { var shown = q('img', main); var w = shown ? shown.getBoundingClientRect().width : 0; if (probe.naturalWidth < w * 1.3) { main.setAttribute('data-options', 'zoomMode: off; hint: off'); window.MagicZoom.refresh(main.id); return; } main.href = full; window.MagicZoom.refresh(main.id); }; probe.src = full; } var PANE_TITLES = ['Beschreibung', 'Technische Daten', 'Weitere Details']; function itemPage() { if (!document.body.classList.contains('page-singleitem')) return; var single = q('.single'); if (!single || single.getAttribute('data-cy-layout')) return; var grid = q('.widget-two-col', single), tabs = q('.widget-tab', single); if (!grid || !tabs) return; single.setAttribute('data-cy-layout', '1'); document.body.classList.add('cy-item-layout'); var strip = el('ul', 'cy-item-strip', '
  • Nur für Gewerbekunden · Preise netto
    • ' + '
  • Beratung aus Essen: +49 201 815039-0
    • ' + '
  • Versand per UPS oder Spedition
    • '); grid.parentNode.insertBefore(strip, grid.nextSibling); var tc = q('.tab-content', tabs); var panes = qa(':scope > .tab-pane', tc); panes.forEach(function (p, i) { var rel = q('#cy-rel', p); if (rel) single.appendChild(rel.closest('.widget') || rel); p.classList.add('cy-item-sec'); if (i !== 0) p.classList.add('is-closed'); var h = el('h2', 'cy-item-sec__title', ''); p.insertBefore(h, p.firstChild); }); var avail = q('.single .availability'); var ship = el('div', 'tab-pane cy-item-sec is-closed', '

    ' + '
      ' + (avail ? '
    • Verfügbarkeit' + esc(avail.textContent.replace(/\s+/g, ' ').trim()) + '
      • ' : '') + '
    • VersandUPS oder Spedition
      • ' + '
    • ZahlungVorkasse oder Nachnahme
      • ' + '
    • PreiseNetto zzgl. gesetzlicher Umsatzsteuer und Versandkosten
      • ' + '

    Versand- und Zahlungsbedingungen ansehen

    '); tc.appendChild(ship); markEmpty(); if (window.MutationObserver) new MutationObserver(markEmpty).observe(tc, { childList: true, subtree: true, characterData: true }); setTimeout(markEmpty, 1500); setTimeout(markEmpty, 4000); var relW = q('#cy-rel', single); if (relW) single.appendChild(relW.closest('.widget') || relW); ensureAsk(); var w = q('.single .widget-add-to-basket'); if (w && window.MutationObserver) new MutationObserver(ensureAsk).observe(w, { childList: true, subtree: true }); } function markEmpty() { qa('.single .tab-content > .cy-item-sec').forEach(function (p) { var t = ''; Array.prototype.forEach.call(p.children, function (c) { if (!c.classList.contains('cy-item-sec__title')) t += c.textContent; }); p.classList.toggle('is-empty', !t.replace(/\s+/g, '').length && !p.querySelector('img, table, iframe')); }); } function ensureAsk() { if (document.body.classList.contains('cy-is-device')) return; var cont = q('.single .add-to-basket-container'); if (!cont || q('.cy-ask', cont)) return; var name = ((q('.single h1') || {}).textContent || '').trim(); var nrEl = qa('.single .articlenumber span').pop(); var nr = nrEl ? nrEl.textContent.trim() : ''; var ask = el('a', 'cy-ask', 'Frage zum Artikel'); ask.href = '/kontakt?anfrage=artikel&nr=' + encodeURIComponent(nr) + '&name=' + encodeURIComponent(name) + '#cy-form'; cont.appendChild(ask); } /* Shop-Aktionen (plenty „Shop-Aktion“): 1 Sonderangebot, 2 Neuheit, 3 Top-Artikel. Sonderangebot nur mit echtem Preisvorteil gegenüber UVP, sonst kein Kennzeichen. */ function tagHtml(id, price, rrp) { id = Number(id); if (id === 1) { price = Number(price); rrp = Number(rrp); if (!(price > 0 && rrp > price)) return ''; var pct = Math.round((1 - price / rrp) * 100); return pct >= 1 ? 'Sonderangebot −' + pct + ' %ggü. UVP' : ''; } if (id === 2) return 'Neuheit'; if (id === 3) return 'Top-Artikel'; return ''; } function gradCheck() { var w = q('.single .widget-graduate-price'); if (!w) return; var norm = function (t) { return (t || '').replace(/[^\d,]/g, ''); }; var main = norm((q('.single .widget-item-price .price') || {}).textContent); var grads = qa('.graduated-price', w).map(function (x) { return norm(x.textContent); }); w.classList.toggle('cy-grad-same', !!main && grads.length > 0 && grads.every(function (g) { return g === main; })); } function tileTags() { qa('.special-tags .badge-offer:not([data-cy-tag])').forEach(function (b) { b.setAttribute('data-cy-tag', '1'); if (!/%/.test(b.textContent)) b.classList.add('cy-tag-off'); }); } function itemTags() { if (!document.body.classList.contains('page-singleitem')) return; var box = q('.single .item-name'); if (!box || q('.cy-item-tags', box.parentNode)) return; var v = null; try { v = window.vueApp.$store.getters.currentItemVariation; } catch (e) {} if (!v || !v.item) return; var pr = v.prices || {}; var html = tagHtml((v.item.storeSpecial || {}).id, ((pr.default || {}).unitPrice || {}).value, ((pr.rrp || {}).unitPrice || {}).value); if (!html) return; box.parentNode.insertBefore(el('div', 'cy-item-tags', html), box); } /* Blauer Seitenkopf: Elternkategorie, Artikelanzahl; Suche bekommt denselben Kopf */ function pageHead() { var head = q('[data-cy-pagehead]'); if (!head && document.body.classList.contains('page-search')) { var h1 = q('#page-body h1'); var box = h1 && h1.closest('.container-max'); if (h1 && box && !q('.cy-pagehead')) { head = el('header', 'cy-pagehead cy-pagehead--search', '

    Suche

    '); head.setAttribute('data-cy-pagehead', ''); var inner = q('.cy-pagehead__inner', head); h1.classList.add('cy-pagehead__title'); inner.appendChild(h1); var m = el('p', 'cy-pagehead__meta', ''); m.setAttribute('data-cy-count', ''); m.hidden = true; inner.appendChild(m); box.insertBefore(head, box.firstChild); } } if (!head) return; var par = q('[data-cy-parent]', head); if (par && !par.getAttribute('data-done')) { var crumbs = qa('.breadcrumbs a[href]').filter(function (a) { return a.getAttribute('href') !== '/'; }); if (crumbs.length) par.textContent = crumbs[crumbs.length - 1].textContent.trim(); par.setAttribute('data-done', '1'); } var meta = q('[data-cy-count]', head); if (meta) { var paged = q('.widget-pagination .pagination li:nth-child(3)'); var n = qa('.product-list > li').length; var total = null; try { total = window.vueApp.$store.state.itemList.totalItems; } catch (e) {} var count = total || (!paged && n ? n : 0); if (count) { meta.innerHTML = '' + count + ' ' + (count === 1 ? 'Artikel' : 'Artikel'); meta.hidden = false; } } } /* Kacheln: Artikelnummer und Lieferstatus (ProductTile: Kennzeile über dem Namen) */ /* ---------- Artikeldaten aus Eigenschaften (Kacheln, Filter, Produktseite) ---------- */ function propList(d) { var out = []; ((d || {}).variationProperties || []).forEach(function (g) { (g.properties || []).forEach(function (p) { /* Einfach- und Mehrfachauswahl: values als Objekt oder Liste */ var vs = [].concat(p.values || []).map(function (x) { return ((x || {}).value || '').toString().trim(); }).filter(Boolean); var nm = ((p.names || {}).name || '').trim(); vs.forEach(function (val) { var hit = out.filter(function (y) { return y.name === nm; })[0]; if (hit) { if (hit.values.indexOf(val) < 0) { hit.values.push(val); hit.value = hit.values.join(', '); } return; } out.push({ id: (p.names || {}).propertyId || p.id, name: nm, value: val, values: [val], pos: Number(p.position) || 0 }); }); }); }); out.sort(function (a, b) { return a.pos - b.pos; }); var seen = {}; return out.filter(function (x) { if (/^einsatzbereich$/i.test(x.name) && out.some(function (y) { return /^geeignet für$/i.test(y.name) && y.value === x.value; })) return false; if (seen[x.name]) return false; seen[x.name] = 1; return true; }); } function propVal(list, re) { var h = list.filter(function (x) { return re.test(x.name); })[0]; return h ? h.value : ''; } function propVals(list, re) { var h = list.filter(function (x) { return re.test(x.name); })[0]; return h ? h.values.slice() : []; } function derive(name, list) { var dia = propVal(list, /kreismesser\s*ø|^durchmesser$/i) || (((name || '').match(/Ø\s*(\d{2,3})\s*mm/i) || [])[1] ? 'Ø ' + name.match(/Ø\s*(\d{2,3})\s*mm/i)[1] + ' mm' : ''); var edge = propVal(list, /^schneide/i); if (!edge) { var m = (name || '').match(/\b(glatt|gezahnt|gekerbt|kerben)\b/i); edge = m ? m[1].toLowerCase().replace('kerben', 'gekerbt') : ''; } var fits = propVal(list, /^passend für$/i).split(';').map(function (x) { return x.replace(/\(.*?\)/g, '').trim(); }).filter(Boolean); return { dia: dia, edge: edge, fits: fits, line: propVal(list, /^produktlinie$/i), sig: propVals(list, /^(signet|signets|siegel)$/i) }; } var tileCache = {}, tileBusy = false; function tileMeta() { var tiles = qa('.cmp-product-thumb[data-testing]').filter(function (t) { return !t.querySelector('.cy-tile-nr'); }); if (!tiles.length) { catFilter(); return; } tiles.forEach(function (t) { var v = tileCache[t.getAttribute('data-testing')]; if (v) applyTile(t, v); }); var need = tiles.map(function (t) { return t.getAttribute('data-testing'); }).filter(function (id) { return id && !tileCache[id]; }); need = need.filter(function (id, i) { return need.indexOf(id) === i; }).slice(0, 50); if (!need.length || tileBusy) { catFilter(); return; } tileBusy = true; fetch('/rest/io/variations/?' + need.map(function (id) { return 'variationIds[]=' + encodeURIComponent(id); }).join('&') + '&resultFieldTemplate=SingleItem', { headers: { 'Accept': 'application/json' }, credentials: 'same-origin' }) .then(function (r) { return r.ok ? r.json() : null; }) .then(function (j) { (((j || {}).data || {}).documents || []).forEach(function (doc) { var d = doc.data || {}, v = d.variation || {}; var av = v.availability || {}; var list = propList(d); var name = (d.texts || {}).name1 || ''; var x = derive(name, list); tileCache[String(v.id)] = { nr: v.number || '', av: av.id || 0, avName: ((av.names || {}).name || '').split(',')[0].trim(), dia: x.dia, edge: x.edge, fits: x.fits, line: x.line, sig: x.sig }; }); need.forEach(function (id) { if (!tileCache[id]) tileCache[id] = { nr: '', av: 0, avName: '', dia: '', edge: '', fits: [], line: '', sig: [] }; }); }) .catch(function () {}) .then(function () { tileBusy = false; tileMeta(); }); } function applyTile(t, v) { if (t.querySelector('.cy-tile-nr')) return; var title = t.querySelector('.thumb-title'); if (!title) return; var nr = el('span', 'cy-tile-nr', v.nr ? 'Art.-Nr. ' + esc(v.nr) : ''); title.parentNode.insertBefore(nr, title); var spec = [v.dia, v.edge, v.line].filter(Boolean).join(' · '); if (spec) title.parentNode.insertBefore(el('span', 'cy-tile-spec', esc(spec)), title.nextSibling); if (v.avName) { var meta = t.querySelector('.thumb-meta'); var a = el('span', 'cy-tile-av cy-tile-av--' + v.av, esc(v.avName)); if (meta) meta.parentNode.insertBefore(a, meta); else title.parentNode.insertBefore(a, title.nextSibling); } var cart = t.querySelector('.add-to-basket-lg-container'); if (cart && !cart.getAttribute('aria-label')) cart.setAttribute('aria-label', (cart.getAttribute('data-original-title') || 'Artikel') + ': ' + title.textContent.trim()); } /* Filter auf Kategorieseiten: Durchmesser, Schneide, Produktlinie, Passend für */ var FGROUPS = [ { key: 'dia', label: 'Durchmesser', sort: function (a, b) { return parseInt(a.replace(/\D/g, ''), 10) - parseInt(b.replace(/\D/g, ''), 10); } }, { key: 'edge', label: 'Schneide' }, { key: 'line', label: 'Produktlinie' }, { key: 'fits', label: 'Kompatibilität', prefix: 'passend für ' } ]; function fState() { var st = {}, raw = new URLSearchParams(location.search).get('cyf') || ''; raw.split('|').forEach(function (part) { var i = part.indexOf(':'); if (i > 0) st[part.slice(0, i)] = part.slice(i + 1).split(',').filter(Boolean); }); return st; } function fUrl(st, all) { var u = new URL(location.href); var parts = Object.keys(st).filter(function (k) { return st[k].length; }).map(function (k) { return k + ':' + st[k].join(','); }); if (parts.length) u.searchParams.set('cyf', parts.join('|')); else u.searchParams.delete('cyf'); if (all) u.searchParams.set('items', '100'); return u.toString(); } /* Signets auf Kategorieseiten – Regel aus 03_DESIGN/Signets.md: nie bei gemischtem Sortiment, nie neben Handelsware. Darum nur, wenn ALLE Artikel der Kategorie (ohne Seitenumbruch) ein Signet tragen. Kachel: kompaktes Signet auf dem Bild. Seitenkopf: nur wenn alle Artikel dasselbe Signet haben (Weiß auf Blau). */ function catSignets(tiles) { var paged = !!q('.widget-pagination .pagination') && !/[?&]items=100\b/.test(location.search); var all = !paged && tiles.length > 0 && tiles.every(function (x) { return x.v.sig && x.v.sig.length; }); if (!all) { qa('.cy-signets--tile, .cy-signets--head').forEach(function (n) { n.remove(); }); return; } tiles.forEach(function (x) { /* Signet im Textbereich der Kachel über der Artikelnummer – nicht auf dem Produktbild */ var box = x.li.querySelector('.thumb-content'); if (!box || box.querySelector('.cy-signets--tile')) return; box.insertBefore(el('div', 'cy-signets cy-signets--tile', signetHtml(x.v.sig)), box.firstChild); }); var key = function (a) { return a.slice().sort().join('|'); }; var same = tiles.every(function (x) { return key(x.v.sig) === key(tiles[0].v.sig); }); var head = q('.cy-pagehead__inner'); if (same && head && !q('.cy-signets--head', head)) { var t = q('.cy-pagehead__title', head); var box = el('div', 'cy-signets cy-signets--head', signetHtml(tiles[0].v.sig)); if (t && t.nextSibling) head.insertBefore(box, t.nextSibling); else head.appendChild(box); } } function catFilter() { if (!document.body.classList.contains('page-category')) return; var grid = q('.widget-item-grid'); var items = qa('.product-list > li'); if (!grid || !items.length) return; /* Ceres rendert Kacheln erst beim Scrollen – für den Filter alle Kacheln der Seite sofort rendern */ var ph = qa('.product-list .category-item-placeholder'); if (ph.length) { if (document.readyState !== 'complete') return; ph.forEach(function (p) { var vm = p.__vue__; if (vm && 'isVisible' in vm) vm.isVisible = true; }); return; } var tiles = items.map(function (li) { var t = li.querySelector('.cmp-product-thumb[data-testing]'); return { li: li, v: t ? tileCache[t.getAttribute('data-testing')] : null }; }); if (tiles.some(function (x) { return !x.v; })) return; catSignets(tiles); var vals = {}; FGROUPS.forEach(function (g) { var set = {}; tiles.forEach(function (x) { [].concat(x.v[g.key] || []).forEach(function (val) { if (val) set[val] = (set[val] || 0) + 1; }); }); var keys = Object.keys(set); if (g.sort) keys.sort(g.sort); else keys.sort(); if (keys.length > 1) vals[g.key] = keys.map(function (k) { return { v: k, n: set[k] }; }); }); var box = q('.cy-pf'); if (!Object.keys(vals).length) { if (box) box.remove(); return; } var st = fState(); var paged = !!q('.widget-pagination .pagination') && !/[?&]items=100\b/.test(location.search); var sig = JSON.stringify(vals) + JSON.stringify(st); if (!box) { box = el('section', 'cy-pf'); box.setAttribute('aria-label', 'Artikel filtern'); grid.parentNode.insertBefore(box, grid); } if (box.getAttribute('data-sig') !== sig) { box.setAttribute('data-sig', sig); var html = ''; FGROUPS.forEach(function (g) { if (!vals[g.key]) return; html += '

    ' + g.label + '

      '; vals[g.key].forEach(function (o) { var on = (st[g.key] || []).indexOf(o.v) > -1; html += '
      • '; }); html += '
    '; }); html += '

    '; box.innerHTML = html; } var shown = 0; tiles.forEach(function (x) { var ok = Object.keys(st).every(function (k) { return !st[k].length || [].concat(x.v[k] || []).some(function (val) { return st[k].indexOf(val) > -1; }); }); if (x.li.hidden !== !ok) x.li.hidden = !ok; if (ok) shown++; }); var active = Object.keys(st).some(function (k) { return st[k].length; }); var cnt = q('[data-cy-pf-count]', box); var txt = active ? '' + shown + ' von ' + tiles.length + ' Artikeln · Filter zurücksetzen' : (paged ? 'Filter durchsucht alle Artikel der Kategorie' : ''); if (cnt && cnt.getAttribute('data-t') !== txt) { cnt.setAttribute('data-t', txt); cnt.innerHTML = txt; } if (box.getAttribute('data-paged') !== (paged ? '1' : '')) box.setAttribute('data-paged', paged ? '1' : ''); } document.addEventListener('click', function (e) { var b = e.target.closest && e.target.closest('.cy-pf__chip'); if (!b) return; var st = fState(), k = b.getAttribute('data-k'), v = b.getAttribute('data-v'); st[k] = st[k] || []; var i = st[k].indexOf(v); if (i > -1) st[k].splice(i, 1); else st[k].push(v); var box = b.closest('.cy-pf'); if (box && box.getAttribute('data-paged')) { location.href = fUrl(st, true); return; } history.replaceState(null, '', fUrl(st, /[?&]items=100\b/.test(location.search))); catFilter(); }); /* Signets nach Designsystem (03_DESIGN/Signets.md, E-55): nur Produktdetailseite, Wortlaut aus der Eigenschaft „Signet“. MADE IN GERMANY steht als zweite Zeile unter einem Tätigkeits-Signet (E-99), sonst einzeilig. */ var C_MARK = ''; function signetHtml(vals) { var mig = vals.filter(function (v) { return /^made in germany$/i.test(v); })[0]; var act = vals.filter(function (v) { return !/^made in germany$/i.test(v); }); var out = act.map(function (v, i) { var sub = (i === 0 && mig) ? '' + esc(mig) + '' : ''; return '

    ' + C_MARK + '' + esc(v) + '' + sub + '

    '; }); if (mig && !act.length) out.push('

    ' + C_MARK + '' + esc(mig) + '

    '); return out.join(''); } /* Produktseite: Technische Daten aus den Eigenschaften (per REST, Store liefert sie nicht) */ var specBusy = false; function itemSpecs() { if (!document.body.classList.contains('page-singleitem') || specBusy) return; var v = null; try { v = window.vueApp.$store.getters.currentItemVariation; } catch (e) {} var vid = v && v.variation && v.variation.id; if (!vid) return; var pane = qa('.single .cy-item-sec').filter(function (s) { var t = q('.cy-item-sec__toggle', s); return t && /technische daten/i.test(t.textContent); })[0]; var root = q('.single'); if (!root || root.getAttribute('data-cy-props') === String(vid)) return; specBusy = true; fetch('/rest/io/variations/?variationIds[]=' + encodeURIComponent(vid) + '&resultFieldTemplate=SingleItem', { headers: { 'Accept': 'application/json' }, credentials: 'same-origin' }) .then(function (r) { return r.ok ? r.json() : null; }) .then(function (j) { var doc = ((((j || {}).data || {}).documents || [])[0] || {}).data; root.setAttribute('data-cy-props', String(vid)); var list = propList(doc); /* Siegel prominent über dem Artikelnamen (Werte genau wie in der Eigenschaft „Siegel“ gepflegt) */ qa('.cy-signets', root).forEach(function (x) { x.remove(); }); var sig = propVals(list, /^(signet|signets|siegel)$/i), nameBox = q('.item-name', root); if (sig.length && nameBox) nameBox.parentNode.insertBefore(el('div', 'cy-signets', signetHtml(sig)), nameBox); if (!pane) return; qa('.cy-spec-prop', pane).forEach(function (tr) { tr.remove(); }); if (!list.length) return; var tbl = q('table', pane); var names = [], vals = []; if (tbl) qa('tr', tbl).forEach(function (tr) { var c = qa('th, td', tr); if (c.length > 1) { names.push(c[0].textContent.trim().toLowerCase()); vals.push(c[c.length - 1].textContent.trim().toLowerCase()); } }); var add = list.filter(function (x) { return !/^(signet|signets|siegel)$/i.test(x.name) && names.indexOf(x.name.toLowerCase()) < 0 && vals.indexOf(x.value.toLowerCase()) < 0; }); if (!add.length) return; if (!tbl) { tbl = el('table', 'cy-spec cy-spec--props', ''); var title = q('.cy-item-sec__title', pane); pane.insertBefore(tbl, title ? title.nextSibling : pane.firstChild); } var body = q('tbody', tbl) || tbl; add.forEach(function (x) { body.appendChild(el('tr', 'cy-spec-prop', '' + esc(x.name) + '' + esc(x.value) + '')); }); pane.classList.remove('is-empty'); }) .catch(function () {}) .then(function () { specBusy = false; }); } /* Mobile Suche: Lupe öffnet ein Suchfeld über volle Breite */ var SEARCH_ICON = ''; function searchToggle() { var row = q('#page-header nav.navbar .container-max > .row'); if (!row || q('.cy-hsearch-toggle', row)) return; var btn = el('button', 'cy-hsearch-toggle', SEARCH_ICON); btn.type = 'button'; btn.setAttribute('aria-label', 'Suche öffnen'); btn.setAttribute('aria-expanded', 'false'); var burger = q('.navbar-toggler', row); var host = burger ? burger.parentNode : row; host.insertBefore(btn, burger || null); btn.addEventListener('click', function () { var home = q('.cy-cockpit input[type="search"], .cy-cockpit input[type="text"]'); if (document.body.classList.contains('page-home-category') && home) { home.scrollIntoView({ block: 'center' }); home.focus(); return; } var open = document.body.classList.toggle('cy-hsearch-open'); btn.setAttribute('aria-expanded', open ? 'true' : 'false'); btn.setAttribute('aria-label', open ? 'Suche schließen' : 'Suche öffnen'); var input = q('.cy-hsearch__input'); if (open && input) input.focus(); }); } /* Filter-Knopf nur zeigen, wenn es echte Filter gibt */ function filterCheck() { qa('.filter-collapse').forEach(function (c) { var real = c.querySelector('input, select, .form-check, .facet-item, .page-link'); var tgl = document.querySelector('[href="#' + c.id + '"]'); document.body.classList.toggle('cy-no-filter', !real); if (tgl) tgl.hidden = !real; }); } /* Strukturierte Produktdaten reparieren (Zeilenumbrüche aus Artikeltexten) */ function ldFix() { qa('script[type="application/ld+json"]').forEach(function (s) { if (s.getAttribute('data-cy-ld')) return; s.setAttribute('data-cy-ld', '1'); try { JSON.parse(s.textContent); return; } catch (e) {} var src = s.textContent.replace(/"(?:[^"\\]|\\.)*"/g, function (str) { return str.replace(/[\u0000-\u001f]+/g, ' '); }); try { var data = JSON.parse(src); var tmp = document.createElement('div'); ['description', 'disambiguatingDescription'].forEach(function (k) { if (typeof data[k] !== 'string') return; tmp.innerHTML = data[k]; tmp.innerHTML = tmp.textContent; data[k] = tmp.textContent.replace(/\s+/g, ' ').trim(); if (!data[k]) delete data[k]; }); if (data.disambiguatingDescription && /umtausch|rückgabe|geri al/i.test(data.disambiguatingDescription)) delete data.disambiguatingDescription; if (!data.description) { var m = q('meta[name="description"]'), d = q('.single .cy-item-sec:not(.is-empty) .widget-text'); var txt = (m && m.content) || (d ? (d.innerText || d.textContent).replace(/\s+/g, ' ').trim().slice(0, 300) : ''); if (txt) data.description = txt; } s.textContent = JSON.stringify(data); } catch (e2) {} }); } /* Seitenstruktur: nur eine H1, Suchergebnisse nicht indexieren, Symbolnamen */ function a11ySeo() { qa('.modal h1').forEach(function (h) { var h2 = document.createElement('h2'); h2.className = h.className; h2.innerHTML = h.innerHTML; h.parentNode.replaceChild(h2, h); }); if (document.body.classList.contains('page-search')) { var r = q('meta[name="robots"]'); if (!r) { r = document.createElement('meta'); r.name = 'robots'; document.head.appendChild(r); } r.content = 'noindex, follow'; } var cart = q('#page-header .toggle-basket-preview'); if (cart && !cart.getAttribute('data-cy-label')) { cart.setAttribute('data-cy-label', '1'); var label = function () { cart.setAttribute('aria-label', 'Warenkorb, ' + ((cart.textContent || '').replace(/\D+/g, '') || '0') + ' Artikel'); }; label(); if (window.MutationObserver) new MutationObserver(label).observe(cart, { childList: true, subtree: true, characterData: true }); } } /* Kontaktseite: Formular aus „Frage zum Artikel“ vorbelegen */ function contactPrefill() { if (!/^\/kontakt\/?$/.test(location.pathname)) return; var p = new URLSearchParams(location.search); var nr = p.get('nr') || '', name = p.get('name') || ''; var form = qa('#page-body form, main form').filter(function (f) { return !f.classList.contains('cy-hsearch'); })[0]; var fb = q('[data-cy-contact-fallback]'); if (!form) { if (fb) fb.hidden = false; return; } if (fb) fb.hidden = true; if (!form.id) form.id = 'cy-form'; if (form.getAttribute('data-cy-prefill') || (!nr && !name)) return; form.setAttribute('data-cy-prefill', '1'); function field(re) { var hit = null; qa('label', form).some(function (l) { if (!re.test(l.textContent)) return false; hit = (l.htmlFor && document.getElementById(l.htmlFor)) || q('input, textarea, select', l.closest('.form-group, .input-unit, div') || form); return !!hit; }); return hit; } function set(f, v) { if (!f || f.value) return; f.value = v; f.dispatchEvent(new Event('input', { bubbles: true })); f.dispatchEvent(new Event('change', { bubbles: true })); } set(field(/artikelnummer/i), nr); set(field(/nachricht|anliegen|frage/i), 'Frage zu: ' + name + (nr ? ' (' + nr + ')' : '') + '\n\n'); var kind = field(/anfrageart/i); if (kind && kind.tagName === 'SELECT') { Array.prototype.some.call(kind.options, function (o) { if (/produktberatung|technische frage/i.test(o.text)) { kind.value = o.value; kind.dispatchEvent(new Event('change', { bubbles: true })); return true; } }); } form.scrollIntoView({ block: 'start' }); } document.addEventListener('click', function (e) { if (!e.target.closest) return; var t = e.target.closest('[data-cy-privacy]'); if (t) { e.preventDefault(); var b = q('.cookie-bar.out button'); if (b) b.click(); return; } var cd = e.target.closest('[data-cy-catdesc-open]'); if (cd) { var d = q('#cy-catdesc'); if (d) { e.preventDefault(); d.open = true; d.scrollIntoView({ behavior: 'smooth', block: 'start' }); } return; } var tg = e.target.closest('.cy-item-sec__toggle'); if (tg) { var sec = tg.closest('.cy-item-sec'); var closed = sec.classList.toggle('is-closed'); tg.setAttribute('aria-expanded', closed ? 'false' : 'true'); } }); document.addEventListener('keydown', function (e) { if (e.key !== 'Escape' || !document.body.classList.contains('cy-hsearch-open')) return; document.body.classList.remove('cy-hsearch-open'); var b = q('.cy-hsearch-toggle'); if (b) { b.setAttribute('aria-expanded', 'false'); b.setAttribute('aria-label', 'Suche öffnen'); b.focus(); } }); /* Anmeldeseite (= Schritt 1 der Kasse): blauer Kopf, Schrittanzeige, Kasten „Neu bei CEYLAN?“ */ function loginPage() { if (!document.body.classList.contains('category-login')) return; var w = q('#page-body .widget-login'); if (!w || q('.cy-login')) return; var back = new URLSearchParams(location.search).get('backlink') || ''; var toCheckout = /checkout/i.test(back); var outer = w.closest('.container-max') || w.parentNode; var txt = q('#page-body .widget-text'); if (txt && /anmelden/i.test(txt.textContent)) txt.style.display = 'none'; var head = el('header', 'cy-pagehead cy-pagehead--login', '
    ' + '

    ' + (toCheckout ? 'Kasse' : 'Kundenkonto') + '

    ' + '

    ' + (toCheckout ? 'Anmelden und bestellen' : 'Anmelden') + '

    ' + (toCheckout ? '
      ' + '
    1. 1Anmelden
      2. ' + '
    2. 2Adresse, Versand, Zahlung
      3. ' + '
    3. 3Prüfen und bestellen
    ' : '') + '
    '); outer.parentNode.insertBefore(head, outer); var reg = '/registrieren' + (back ? '?backlink=' + encodeURIComponent(back) : ''); var box = el('div', 'cy-login'); var card = el('section', 'cy-login__card'); card.setAttribute('aria-labelledby', 'cy-login-h'); card.innerHTML = ''; w.parentNode.insertBefore(box, w); card.appendChild(w); var aside = el('aside', 'cy-login__new', '' + '' + '' + '' + ''); box.appendChild(card); box.appendChild(aside); box.insertAdjacentHTML('afterend', ''); } function run() { topbar(); headerSearch(); searchToggle(); itemPage(); itemTags(); itemSpecs(); gradCheck(); tileTags(); tileMeta(); pageHead(); loginPage(); filterCheck(); ldFix(); a11ySeo(); contactPrefill(); } if (window.MutationObserver) { var tagTimer = null; new MutationObserver(function () { clearTimeout(tagTimer); tagTimer = setTimeout(function () { tileTags(); tileMeta(); }, 120); }).observe(document.body, { childList: true, subtree: true }); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', run); else run(); window.addEventListener('load', function () { run(); setTimeout(zoom, 600); }); setTimeout(function () { run(); zoom(); }, 2500); setTimeout(function () { filterCheck(); a11ySeo(); contactPrefill(); pageHead(); itemSpecs(); }, 5000); })();