Magnettafel rechteckig
Magnettafel rechteckig
Motiv Thema
var $rows = $('.widget-filter-base .card-columns');
$rows.first().append($rows.not(':first').children())
$rows.not(':first').remove();
Farbe Motiv
var $rows = $('.widget-filter-base .card-columns');
$rows.first().append($rows.not(':first').children())
$rows.not(':first').remove();
Modell
var $rows = $('.widget-filter-base .card-columns');
$rows.first().append($rows.not(':first').children())
$rows.not(':first').remove();
Foto oder Grafik
var $rows = $('.widget-filter-base .card-columns');
$rows.first().append($rows.not(':first').children())
$rows.not(':first').remove();
Bauart
var $rows = $('.widget-filter-base .card-columns');
$rows.first().append($rows.not(':first').children())
$rows.not(':first').remove();
Format
var $rows = $('.widget-filter-base .card-columns');
$rows.first().append($rows.not(':first').children())
$rows.not(':first').remove();
Material
var $rows = $('.widget-filter-base .card-columns');
$rows.first().append($rows.not(':first').children())
$rows.not(':first').remove();
Individualisierung
var $rows = $('.widget-filter-base .card-columns');
$rows.first().append($rows.not(':first').children())
$rows.not(':first').remove();
Preis
€
―
€
"use strict";
var keypressSlider = document.querySelector(".slider-keypress");
var input0 = document.querySelector(".input-with-keypress-0");
var input1 = document.querySelector(".input-with-keypress-1");
var inputs = [input0, input1];
noUiSlider.create(keypressSlider, {
start: [72.99, 72.99],
connect: true,
range: {
min: [72.99],
max: [72.99]
}
});
keypressSlider.noUiSlider.on("update", function(values, handle) {
inputs[handle].value = values[handle];
function setSliderHandle(i, value) {
var r = [null, null];
r[i] = value;
keypressSlider.noUiSlider.set(r);
}
inputs.forEach(function(input, handle) {
input.addEventListener("change", function() {
setSliderHandle(handle, this.value);
});
input.addEventListener("keydown", function(e) {
var values = keypressSlider.noUiSlider.get();
var value = Number(values[handle]);
var steps = keypressSlider.noUiSlider.steps();
var step = steps[handle];
var position;
switch (e.which) {
case 13: setSliderHandle(handle, this.value); break;
case 38: position = step[1]; if (position === false) { position = 1; } if (position !== null) {setSliderHandle(handle, value + position); } break;
case 40: position = step[0]; if (position === false) { position = 1; } if (position !== null) { setSliderHandle(handle, value - position); } break;
}
});
});
});
var $rows = $('.widget-filter-base .card-columns');
$rows.first().append($rows.not(':first').children())
$rows.not(':first').remove();
...
... basierend auf ... Bewertungen
(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 });
})();
- Metall Magnettafel beschreibbar 78x37cm Motiv Boho Traumfänger Schädel69,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Unter Palmen69,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Schwarzer Marmor mit Gold 269,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Monstera 269,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Traumfänger Boho69,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Glas Magnettafel im Querformat Motiv Einsteinwelle119,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Glas Magnettafel im Querformat Motiv Faultier gezeichnet 256,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Wolken in der Dämmerung69,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Rankenrahmen69,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Verwaschene Quadrate69,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Malstifte69,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Fahrrad mit Luftballons69,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Weißer Marmor mit Gold 269,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
* inkl. ges. MwSt.
zzgl.
Versandkosten
Kennen Sie diese lose Blattsammlung, die aus Einladungen, Rechnungen und mehr besteht? Wegwerfen kommt in der Regel nicht infrage. Wir von banjado haben die Lösung: unsere Magnettafel in rechteckig. Hier findet alles seinen Platz und Sie bringen ganz einfach Ordnung ins Chaos. Und durch das klassische Format fügt sie sich harmonisch in Ihre Wandgestaltung ein. Das funktioniert übrigens auch mit unseren anderen Optionen, die Sie in unserem Online-Shop finden:
Unsere Produkte zeichnen sich durch ihre Qualität aus. Das erkennen Sie nicht nur an der Verarbeitung der erstklassigen Materialien. Gerade die hochwertigen Motivfolien, die wir in unserer sächsischen Manufaktur per Hand aufziehen, sind ein echtes Highlight. Verschaffen Sie sich doch selbst einen Überblick und bestellen Sie anschließend bei uns!
document.addEventListener("DOMContentLoaded", function () {
if (new URLSearchParams(window.location.search).has("page")) {
document.body.classList.add("has-page-param");
}
});