banjado Briefkasten Seitendeckel 12x12cm | banjado

0
0

0
0

(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); })();

(function () { const modal = document.getElementById("zlUniversalModal"); const frame = document.getElementById("zlUniversalFrame"); const title = document.getElementById("zlUniversalTitle"); if (!modal || !frame || !title) return; // Iframe beim Öffnen setzen $(modal).on("show.bs.modal", function (event) { const btn = event.relatedTarget; const url = btn && btn.getAttribute("data-url"); const t = btn && btn.getAttribute("data-title"); title.textContent = t || "Inhalt"; if (!url) { frame.src = "about:blank"; return; } const sep = url.includes("?") ? "&" : "?"; frame.src = url + sep + "ts=" + Date.now(); }); // Beim Schließen leeren $(modal).on("hidden.bs.modal", function () { frame.src = "about:blank"; }); // Toast bauen/zeigen (funktioniert mehrfach hintereinander) function showAccessoryToast(text) { const content = modal.querySelector(".modal-content"); if (!content) return; let toast = document.getElementById("zlAccessoryToast"); if (!toast) { content.style.position = "relative"; toast = document.createElement("div"); toast.id = "zlAccessoryToast"; toast.className = "zl-accessory-toast"; content.appendChild(toast); } toast.textContent = text || "Artikel zum Warenkorb hinzugefügt"; if (toast._hideTimer) clearTimeout(toast._hideTimer); toast.classList.remove("is-visible"); toast.style.display = "block"; void toast.offsetWidth; // Animation neu triggern toast.classList.add("is-visible"); toast._hideTimer = setTimeout(() => { toast.classList.remove("is-visible"); setTimeout(() => { toast.style.display = "none"; }, 250); }, 1400); } // Nachrichten aus dem Iframe empfangen window.addEventListener("message", function (ev) { const data = ev ? ev.data : null; if (data === "zlCloseAccessoryModal") { $('#zlUniversalModal').modal('hide'); return; } if ( data === "zlAccessoryAdded" || (data && typeof data === "object" && data.type === "zlAccessoryAdded") ) { showAccessoryToast("Artikel zum Warenkorb hinzugefügt"); } }); })();