(function () { function isModal() { try { return new URLSearchParams(location.search).get("modal") === "1"; } catch (e) { return false; } } if (!isModal()) return; // Klasse setzen document.documentElement.classList.add("zl-modal-view"); // CSS: Chrome ausblenden + Produktlinks optisch deaktivieren + Basket-Overlay unterdrücken const css = ` html.zl-modal-view #page-header, html.zl-modal-view header#page-header, html.zl-modal-view .top-bar, html.zl-modal-view nav.navbar, html.zl-modal-view .breadcrumbs, html.zl-modal-view .breadcrumb, html.zl-modal-view .category-description, html.zl-modal-view .footer.container-max.d-print-none, html.zl-modal-view footer { display: none !important; visibility: hidden !important; height: 0 !important; } html.zl-modal-view body { padding-top: 0 !important; margin-top: 0 !important; } html.zl-modal-view .zl-link-disabled { pointer-events: none; cursor: default; text-decoration: none !important; } /* Add-to-basket Overlay im Iframe komplett unterdrücken */ html.zl-modal-view #add-item-to-basket-overlay, html.zl-modal-view #add-item-to-basket-overlay * { display: none !important; visibility: hidden !important; pointer-events: none !important; } `; const style = document.createElement("style"); style.setAttribute("data-zl-modal-css", "1"); style.appendChild(document.createTextNode(css)); document.head.appendChild(style); // Falls Vue später nachrendert, per JS nachdrücken function hideChrome() { const selectors = [ "#page-header", "header#page-header", ".top-bar", "nav.navbar", ".breadcrumbs", ".breadcrumb", ".category-description", ".footer.container-max.d-print-none", "footer" ]; selectors.forEach(sel => { document.querySelectorAll(sel).forEach(el => { el.style.setProperty("display", "none", "important"); el.style.setProperty("visibility", "hidden", "important"); el.style.setProperty("height", "0", "important"); }); }); } hideChrome(); setTimeout(hideChrome, 200); setTimeout(hideChrome, 800); new MutationObserver(hideChrome).observe(document.documentElement, { childList: true, subtree: true }); // Produktlinks deaktivieren (Bild + Titel), keine Inception, aber Add-to-basket bleibt function disableProductLinks(root = document) { const selectors = [ ".cmp-product-thumb .thumb-image a[href]", ".cmp-product-thumb a.thumb-title[href]" ]; root.querySelectorAll(selectors.join(",")).forEach(a => { a.setAttribute("aria-disabled", "true"); a.setAttribute("tabindex", "-1"); a.classList.add("zl-link-disabled"); }); } disableProductLinks(); document.addEventListener("click", function (e) { const a = e.target.closest(".cmp-product-thumb a[href]"); if (!a) return; // Add-to-basket NICHT blocken if (e.target.closest("[data-testing='item-add-to-basket']")) return; if (e.target.closest(".add-to-basket-lg-container")) return; if (e.target.closest("button")) return; // Versandkosten Modal im Iframe optional erlauben if (a.getAttribute("href") === "#shippingscosts") return; // Produktseiten blocken (endet typischerweise mit _12345/) const href = a.getAttribute("href") || ""; if (/_\d+\/?$/.test(href)) { e.preventDefault(); e.stopPropagation(); } }, true); new MutationObserver(() => disableProductLinks()).observe(document.body, { childList: true, subtree: true }); // Basket-Overlay ggf. entfernen, falls es doch im DOM landet function killBasketOverlay() { const ov = document.getElementById("add-item-to-basket-overlay"); if (ov) ov.remove(); } killBasketOverlay(); new MutationObserver(killBasketOverlay).observe(document.body, { childList: true, subtree: true }); // Toast-Feedback: beim Add-to-basket Klick Signal an Parent senden (Modal bleibt offen) document.addEventListener("click", function (e) { const addClick = e.target.closest(".add-to-basket-lg-container") || e.target.closest("[data-testing='item-add-to-basket']") || (e.target.closest("button") && (e.target.closest("button").innerText || "").toLowerCase().includes("warenkorb")); if (!addClick) return; setTimeout(() => { window.parent.postMessage("zlAccessoryAdded", "*"); }, 300); }, true); })();

banjado Schlüsselkasten

banjado Schlüsselkasten

(function () { "use strict"; function getRoot(el) { // Wir suchen den nächstliegenden äußeren Block, der sowohl Controls als auch Filter enthält return el.closest(".list-controls-inner") || document; } function findFilterToggle(root) { return root.querySelector('a.filter-toggle[href^="#filter-collapse_"]'); } function findFilterCollapse(root, toggle) { if (!toggle) return null; var href = toggle.getAttribute("href"); if (!href) return null; try { return root.querySelector(href); } catch (e) { return null; } } function ensurePlaceholder(root) { var ph = root.querySelector(".zl-controls-placeholder"); if (!ph) { ph = document.createElement("div"); ph.className = "zl-controls-placeholder"; // Placeholder direkt vor dem Filter Toggle, damit die Reihenfolge erhalten bleibt var toggle = findFilterToggle(root); if (toggle && toggle.parentNode) { toggle.parentNode.insertBefore(ph, toggle); } else { root.appendChild(ph); } } return ph; } function ensureMobileWrap(collapse) { var wrap = collapse.querySelector(".zl-mobile-controls"); if (!wrap) { wrap = document.createElement("div"); wrap.className = "zl-mobile-controls"; // Ganz oben in den Collapse Inhalt collapse.insertBefore(wrap, collapse.firstChild); } return wrap; } function moveToMobile(root) { var itemsWidget = root.querySelector(".widget-items-per-page"); var sortingWidget = root.querySelector(".widget-item-sorting"); var toggle = findFilterToggle(root); var collapse = findFilterCollapse(root, toggle); if (!itemsWidget || !sortingWidget || !collapse) return; var placeholder = ensurePlaceholder(root); var wrap = ensureMobileWrap(collapse); // Nur umhängen, wenn nicht bereits dort if (itemsWidget.parentNode !== wrap) wrap.appendChild(itemsWidget); if (sortingWidget.parentNode !== wrap) wrap.appendChild(sortingWidget); // Placeholder merken, damit wir später exakt zurück können itemsWidget.dataset.zlReturn = "1"; sortingWidget.dataset.zlReturn = "1"; placeholder.dataset.zlHasWidgets = "1"; } function moveBackDesktop(root) { var placeholder = root.querySelector(".zl-controls-placeholder"); if (!placeholder) return; var moved = root.querySelectorAll('.widget-items-per-page[data-zl-return="1"], .widget-item-sorting[data-zl-return="1"]'); if (!moved.length) return; // Zurück an den Placeholder moved.forEach(function (node) { placeholder.parentNode.insertBefore(node, placeholder); delete node.dataset.zlReturn; }); } function apply() { var any = document.querySelector(".list-controls-inner"); if (!any) return; // Es kann mehrere Listen geben, wir behandeln alle document.querySelectorAll(".list-controls-inner").forEach(function (inner) { var root = getRoot(inner); if (window.matchMedia("(max-width: 767.98px)").matches) { moveToMobile(root); } else { moveBackDesktop(root); } }); } // initial if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", apply); } else { apply(); } // on resize window.addEventListener("resize", function () { // leicht entprellen clearTimeout(window.__zlResizeTimer); window.__zlResizeTimer = setTimeout(apply, 120); }); // falls Plenty dynamisch nachrendert var mo = new MutationObserver(function () { apply(); }); mo.observe(document.documentElement, { childList: true, subtree: true }); })();
* inkl. ges. MwSt. zzgl. Versandkosten
document.addEventListener("DOMContentLoaded", function () { if (new URLSearchParams(window.location.search).has("page")) { document.body.classList.add("has-page-param"); } });

Service

Haben Sie fragen?

0351 30708080

Mo-Fr 9-15 Uhr

shop@banjado.com

Jetzt auch per Whatsapp:

Preisangaben inkl. gesetzl. MwSt. und zzgl. Service- und Versandkosten

Newsletter Anmeldung - Keine Angebote mehr verpassen!