Für Stammkunden

Schnellbestellung per Artikelnummer

Artikelnummer und Menge eintragen, prüfen lassen und alles auf einmal in den Warenkorb legen. Die Artikelnummer steht auf jeder Artikelseite, zum Beispiel 0080-3120.

Artikelnummer Menge Artikel Entfernen

Noch keine Positionen geprüft.

(function () { var START_ROWS = 5; var cache = {}; var timers = new WeakMap(); function root() { return document.getElementById('cy-qo'); } function rowsEl() { var r = root(); return r ? r.querySelector('[data-cy-qo-rows]') : null; } function norm(v) { return String(v || '').trim().toLowerCase().replace(/\s+/g, ''); } function el(tag, cls, text) { var e = document.createElement(tag); if (cls) e.className = cls; if (text != null) e.textContent = text; return e; } function addRow(number, qty) { var wrap = rowsEl(); if (!wrap) return null; var idx = wrap.children.length + 1; var row = el('div', 'cy-qo__row'); row.setAttribute('role', 'row'); var c1 = el('span', 'cy-qo__cell'); c1.setAttribute('role', 'cell'); var num = el('input', 'form-control cy-qo__num'); num.type = 'text'; num.autocomplete = 'off'; num.spellcheck = false; num.setAttribute('aria-label', 'Artikelnummer, Zeile ' + idx); num.placeholder = 'z. B. 0080-3120'; num.setAttribute('data-cy-qo-num', ''); if (number) num.value = number; c1.appendChild(num); var c2 = el('span', 'cy-qo__cell'); c2.setAttribute('role', 'cell'); var q = el('input', 'form-control cy-qo__qty'); q.type = 'number'; q.min = '1'; q.step = '1'; q.inputMode = 'numeric'; q.value = qty || 1; q.setAttribute('aria-label', 'Menge, Zeile ' + idx); q.setAttribute('data-cy-qo-qty', ''); c2.appendChild(q); var c3 = el('span', 'cy-qo__cell cy-qo__info'); c3.setAttribute('role', 'cell'); c3.setAttribute('data-cy-qo-info', ''); c3.appendChild(el('span', 'cy-qo__muted', '—')); var c4 = el('span', 'cy-qo__cell'); c4.setAttribute('role', 'cell'); var del = el('button', 'cy-qo__del'); del.type = 'button'; del.setAttribute('aria-label', 'Zeile ' + idx + ' entfernen'); del.setAttribute('data-cy-qo-del', ''); del.innerHTML = '×'; c4.appendChild(del); row.appendChild(c1); row.appendChild(c2); row.appendChild(c3); row.appendChild(c4); wrap.appendChild(row); if (number) check(row); return row; } function lookup(number) { var key = norm(number); if (cache[key]) return cache[key]; var url = '/rest/io/item/search?query=' + encodeURIComponent(number.trim()) + '&itemsPerPage=20'; cache[key] = fetch(url, { headers: { 'Accept': 'application/json' }, credentials: 'same-origin' }) .then(function (r) { if (!r.ok) throw new Error('http'); return r.json(); }) .then(function (json) { var docs = (((json || {}).data || {}).itemList || {}).documents || []; var hit = null; for (var i = 0; i < docs.length; i++) { var d = docs[i].data || {}; var v = d.variation || {}; if (norm(v.name) === key) { hit = d; break; } } if (!hit && /^\d+$/.test(key)) { for (var j = 0; j < docs.length; j++) { var d2 = docs[j].data || {}; if (String((d2.variation || {}).id) === key || String((d2.item || {}).id) === key) { hit = d2; break; } } } if (!hit) return null; var v2 = hit.variation || {}; var price = (((hit.prices || {}).default || {}).price || {}).formatted || ''; var path = (hit.texts || {}).urlPath || ''; return { variationId: v2.id, itemId: (hit.item || {}).id, number: v2.name, name: (hit.texts || {}).name1 || '', price: price, url: path ? '/' + path.replace(/^\//, '') + '/a-' + (hit.item || {}).id : '', min: Math.max(1, parseInt(v2.minimumOrderQuantity, 10) || 1), interval: parseInt(v2.intervalOrderQuantity, 10) || 0, salable: !hit.filter || hit.filter.isSalable !== false, needsPage: !!hit.hasRequiredOrderProperty }; }) .catch(function () { delete cache[key]; return 'error'; }); return cache[key]; } function setInfo(row, state, data, note) { var info = row.querySelector('[data-cy-qo-info]'); info.textContent = ''; row.setAttribute('data-state', state); row._cy = data || null; if (state === 'empty') { info.appendChild(el('span', 'cy-qo__muted', '—')); return; } if (state === 'loading') { info.appendChild(el('span', 'cy-qo__muted', 'Wird geprüft …')); return; } if (state === 'error') { info.appendChild(el('span', 'cy-qo__msg cy-qo__msg--error', note || 'Prüfung nicht möglich. Bitte erneut versuchen.')); return; } if (state === 'missing') { info.appendChild(el('span', 'cy-qo__msg cy-qo__msg--error', 'Artikelnummer nicht gefunden.')); return; } var name = data.url ? el('a', 'cy-qo__name', data.name) : el('span', 'cy-qo__name', data.name); if (data.url) { name.href = data.url; name.target = '_blank'; name.rel = 'noopener'; } info.appendChild(name); var meta = el('span', 'cy-qo__meta'); if (data.price) meta.appendChild(el('span', 'cy-qo__price', data.price)); if (state === 'page') meta.appendChild(el('span', 'cy-qo__msg cy-qo__msg--warn', 'Bitte auf der Artikelseite bestellen')); else if (state === 'unsalable') meta.appendChild(el('span', 'cy-qo__msg cy-qo__msg--warn', 'Derzeit nicht bestellbar')); else meta.appendChild(el('span', 'cy-qo__msg cy-qo__msg--ok', 'Gefunden')); if (note) meta.appendChild(el('span', 'cy-qo__msg cy-qo__msg--note', note)); info.appendChild(meta); } function fixQty(row, data) { var q = row.querySelector('[data-cy-qo-qty]'); var n = parseInt(q.value, 10) || 0; var note = ''; if (n < data.min) { n = data.min; note = 'Mindestmenge ' + data.min; } if (data.interval > 1) { var rest = (n - data.min) % data.interval; if (rest !== 0) { n = n + (data.interval - rest); note = 'Bestellbar in Schritten von ' + data.interval; } } q.min = String(data.min); if (data.interval > 1) q.step = String(data.interval); q.value = n; return note; } function check(row) { var num = row.querySelector('[data-cy-qo-num]').value; if (!norm(num)) { setInfo(row, 'empty'); update(); return Promise.resolve(); } setInfo(row, 'loading'); update(); var asked = norm(num); return lookup(num).then(function (data) { if (norm(row.querySelector('[data-cy-qo-num]').value) !== asked) return; if (data === 'error') { setInfo(row, 'error'); } else if (!data) { setInfo(row, 'missing'); } else if (data.needsPage) { setInfo(row, 'page', data); } else if (!data.salable) { setInfo(row, 'unsalable', data); } else { setInfo(row, 'ok', data, fixQty(row, data)); } update(); }); } function update() { var r = root(); if (!r) return; var rows = r.querySelectorAll('.cy-qo__rows .cy-qo__row'); var ok = 0, open = 0, bad = 0; rows.forEach(function (row) { var s = row.getAttribute('data-state'); if (s === 'ok') ok++; else if (s === 'loading') open++; else if (s && s !== 'empty') bad++; }); var sum = r.querySelector('[data-cy-qo-summary]'); var btn = r.querySelector('[data-cy-qo-submit]'); if (!ok && !open && !bad) sum.textContent = 'Noch keine Positionen geprüft.'; else { var t = ok + (ok === 1 ? ' Position bereit' : ' Positionen bereit'); if (bad) t += ', ' + bad + ' mit Hinweis'; if (open) t += ', ' + open + ' in Prüfung'; sum.textContent = t + '.'; } btn.disabled = ok === 0 || open > 0; } function parseList(text) { return String(text || '').split(/\r?\n/).map(function (line) { var parts = line.trim().split(/[;\t,]+|\s+/).filter(Boolean); if (!parts.length) return null; var qty = 1; if (parts.length > 1 && /^\d+$/.test(parts[parts.length - 1])) qty = parseInt(parts.pop(), 10); return { number: parts.join(' '), qty: qty }; }).filter(Boolean); } function importList() { var r = root(); var ta = r.querySelector('[data-cy-qo-paste]'); var list = parseList(ta.value); if (!list.length) return; var wrap = rowsEl(); var empties = Array.prototype.filter.call(wrap.children, function (row) { return !norm(row.querySelector('[data-cy-qo-num]').value); }); list.forEach(function (p) { var row = empties.shift(); if (row) { row.querySelector('[data-cy-qo-num]').value = p.number; row.querySelector('[data-cy-qo-qty]').value = p.qty; check(row); } else addRow(p.number, p.qty); }); ta.value = ''; } function addToBasket(variationId, quantity) { var store = window.vueApp && window.vueApp.$store; if (store && store._actions && store._actions.addBasketItem) { return store.dispatch('addBasketItem', { variationId: variationId, quantity: quantity, basketItemOrderParams: [] }); } return fetch('/rest/io/basket/items/', { method: 'POST', credentials: 'same-origin', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, body: JSON.stringify({ variationId: variationId, quantity: quantity, basketItemOrderParams: [] }) }).then(function (r) { if (!r.ok) throw new Error('http'); return r.json(); }); } function submit() { var r = root(); var btn = r.querySelector('[data-cy-qo-submit]'); var res = r.querySelector('[data-cy-qo-result]'); var rows = Array.prototype.filter.call(r.querySelectorAll('.cy-qo__rows .cy-qo__row'), function (row) { return row.getAttribute('data-state') === 'ok'; }); if (!rows.length) return; btn.disabled = true; btn.textContent = 'Wird hinzugefügt …'; var done = 0, failed = []; rows.reduce(function (p, row) { return p.then(function () { var d = row._cy; var qty = parseInt(row.querySelector('[data-cy-qo-qty]').value, 10) || d.min; return addToBasket(d.variationId, qty).then(function () { done++; row.setAttribute('data-state', 'added'); setInfo(row, 'ok', d, 'Im Warenkorb'); row.setAttribute('data-state', 'added'); }, function () { failed.push(d.number); }); }); }, Promise.resolve()).then(function () { btn.textContent = 'Alle in den Warenkorb'; res.hidden = false; res.textContent = ''; res.className = 'cy-qo__result' + (failed.length ? ' cy-qo__result--warn' : ' cy-qo__result--ok'); var p = el('p', 'cy-qo__result-text', done + (done === 1 ? ' Position' : ' Positionen') + ' im Warenkorb.' + (failed.length ? ' Nicht hinzugefügt: ' + failed.join(', ') + '.' : '')); res.appendChild(p); var a = el('a', 'btn btn-primary', 'Zum Warenkorb'); a.href = '/basket'; res.appendChild(a); update(); }); } function init() { var wrap = rowsEl(); if (!wrap || wrap.getAttribute('data-ready')) return; wrap.setAttribute('data-ready', '1'); for (var i = 0; i < START_ROWS; i++) addRow(); } document.addEventListener('click', function (e) { var t = e.target; var r = root(); if (!r || !r.contains(t)) return; if (t.closest('[data-cy-qo-add]')) { var row = addRow(); if (row) row.querySelector('input').focus(); } else if (t.closest('[data-cy-qo-del]')) { var rw = t.closest('.cy-qo__row'); rw.parentNode.removeChild(rw); if (!rowsEl().children.length) addRow(); update(); } else if (t.closest('[data-cy-qo-reset]')) { rowsEl().textContent = ''; for (var i = 0; i < START_ROWS; i++) addRow(); r.querySelector('[data-cy-qo-result]').hidden = true; update(); } else if (t.closest('[data-cy-qo-import]')) { importList(); } else if (t.closest('[data-cy-qo-submit]')) { submit(); } }); document.addEventListener('input', function (e) { var t = e.target; if (!t.matches || !t.matches('#cy-qo [data-cy-qo-num]')) return; var row = t.closest('.cy-qo__row'); clearTimeout(timers.get(row)); timers.set(row, setTimeout(function () { check(row); }, 500)); }); document.addEventListener('change', function (e) { var t = e.target; if (!t.matches || !t.matches('#cy-qo [data-cy-qo-qty]')) return; var row = t.closest('.cy-qo__row'); if (row && row._cy && row.getAttribute('data-state') === 'ok') setInfo(row, 'ok', row._cy, fixQty(row, row._cy)); }); document.addEventListener('keydown', function (e) { var t = e.target; if (e.key !== 'Enter' || !t.matches || !t.matches('#cy-qo input')) return; e.preventDefault(); var row = t.closest('.cy-qo__row'); if (t.matches('[data-cy-qo-num]')) { row.querySelector('[data-cy-qo-qty]').focus(); return; } var next = row.nextElementSibling || addRow(); if (next) next.querySelector('[data-cy-qo-num]').focus(); }); if (document.readyState === 'complete') init(); else window.addEventListener('load', init); var tries = 0; var iv = setInterval(function () { init(); if (++tries > 20 || (rowsEl() && rowsEl().children.length)) clearInterval(iv); }, 500); })();
(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) */ 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) 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, 48); if (!need.length || tileBusy) return; tileBusy = true; fetch('/rest/io/variations/?' + need.map(function (id) { return 'variationIds[]=' + encodeURIComponent(id); }).join('&'), { headers: { 'Accept': 'application/json' }, credentials: 'same-origin' }) .then(function (r) { return r.ok ? r.json() : null; }) .then(function (j) { (((j || {}).data || {}).documents || []).forEach(function (d) { var v = (d.data || {}).variation || {}; var av = v.availability || {}; var name = ((av.names || {}).name || '').split(',')[0].trim(); tileCache[String(v.id)] = { nr: v.number || '', av: av.id || 0, avName: name }; }); need.forEach(function (id) { if (!tileCache[id]) tileCache[id] = { nr: '', av: 0, avName: '' }; }); }) .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); 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()); } /* 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 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(); } }); function run() { topbar(); headerSearch(); searchToggle(); itemPage(); itemTags(); gradCheck(); tileTags(); tileMeta(); pageHead(); 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(); }, 5000); })();