Magnettafel rahmenlos
Magnettafel rahmenlos
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: [139.99, 52.99],
connect: true,
range: {
min: [139.99],
max: [52.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 Weidenkätzchen64,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Glas Magnettafel Quadratisch Motiv Grüne Chrysantheme79,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Glas Magnettafel im Querformat Farbe Silber Metallic139,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Panda64,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Traumfänger Federn und Blumen64,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Bergwiese64,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Glas Magnettafel im Querformat Motiv Florale Tapete99,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Glas Magnettafel im Querformat Motiv Hunde mit Herz116,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Glas Magnettafel im Querformat Motiv Schiefer Turm von Pisa Skizze139,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Herz Aus Moos64,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Gemalte Tulpen64,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Cocktail Skizzen64,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
- Metall Magnettafel beschreibbar 78x37cm Motiv Fünf Vögel64,99 € ** inkl. ges. MwSt. zzgl. Versandkosten
* inkl. ges. MwSt.
zzgl.
Versandkosten
Lieben Sie einen cleanen Look? Dann ist unsere Magnettafel rahmenlos die richtige Wahl. Denn hier finden nicht nur Ihre losen Zettel, Einladungen und Notizen Platz. Mit diesem speziellen Design werten Sie automatisch Ihre Wand auf. Es scheint fast, als würde das Board mit seinem besonderen Motiv vor ihr schweben. Ein echtes Einrichtungshighlight, wenn Sie uns fragen.
Damit das Anbringen auch klappt, befinden sich an der Rückseite vorgebohrte Löcher. Das passende Montagematerial liefern wir Ihnen gleich mit. Dies gilt ebenso für vier Magnete, damit Sie mit dem Organisieren gleich loslegen können. Klingt verlockend? Dann suchen Sie sich noch heute die gewünschte Größe und das Motiv aus und bestellen alles in unserem Online-Shop!
document.addEventListener("DOMContentLoaded", function () {
if (new URLSearchParams(window.location.search).has("page")) {
document.body.classList.add("has-page-param");
}
});