Einbau Komponenten

NACH OBEN

(function(){ /* Nur auf Kategorie-Seiten */ if (!document.body.classList.contains('page-category')) return; /* Mapping: href-Teil → Subline */ var SUBLINES = [ { match: '/musik-angebote-sale/', text: 'Vinyl & CD Angebote zum Tiefpreis und Sofort lieferbar' }, { match: '/compilation-sampler/', text: 'Sampler & Best-of-Zusammenstellungen auf Vinyl' }, { match: '/compilation-sampler-auf-cd/', text: 'Sampler & Best-of-Zusammenstellungen auf CD' }, { match: '/cd-uhqcd-sacd/', text: 'CD, UHQCD & SACD in hoher Klangqualität' } ]; function applySublines(){ var links = document.querySelectorAll( '.page-category .widget-step-by-step-navigation a[href]' ); links.forEach(function(a){ var href = a.getAttribute('href') || ''; var navItem = a.querySelector('.nav-item.d-flex.no-img'); if (!navItem) return; /* bereits gesetzt? */ if (navItem.querySelector('.cat-subline')) return; for (var i = 0; i < SUBLINES.length; i++){ if (href.indexOf(SUBLINES[i].match) !== -1){ var small = document.createElement('small'); small.className = 'cat-subline'; small.textContent = SUBLINES[i].text; navItem.appendChild(small); break; } } }); } /* Initial */ applySublines(); /* Beobachter für ShopBuilder / Lazy Rendering */ var observer = new MutationObserver(function(){ applySublines(); }); observer.observe(document.body, { childList: true, subtree: true }); })(); (function(){ if (!document.body.classList.contains('page-category')) return; function getCols(){ return Array.prototype.slice.call( document.querySelectorAll( '.page-category .widget-step-by-step-navigation .row > [class*="col-"]' ) ); } function equalizeByRow(){ var cols = getCols(); if (!cols.length) return; // Reset cols.forEach(function(col){ var a = col.querySelector('a'); if (a) a.style.height = 'auto'; }); // Gruppen nach Row (offsetTop der COLs ist stabil!) var rows = {}; cols.forEach(function(col){ var key = col.offsetTop; (rows[key] = rows[key] || []).push(col); }); // Pro Row max Höhe ermitteln & setzen Object.keys(rows).forEach(function(k){ var maxH = 0; rows[k].forEach(function(col){ var a = col.querySelector('a'); if (!a) return; maxH = Math.max(maxH, a.getBoundingClientRect().height); }); rows[k].forEach(function(col){ var a = col.querySelector('a'); if (!a) return; a.style.height = Math.ceil(maxH) + 'px'; }); }); } // Debounce var t; function schedule(){ clearTimeout(t); t = setTimeout(equalizeByRow, 80); } // Initial schedule(); setTimeout(schedule, 300); // Resize window.addEventListener('resize', schedule); // ShopBuilder / Lazy Rendering var obs = new MutationObserver(schedule); obs.observe(document.body, { childList: true, subtree: true }); })();