Kowal PageBuilder Slider Fix – responsiver Slider ohne Kompromisse
Magento-Module nach klaren Regeln
Du kaufst das Modul einmalig, ohne Domain-Beschränkungen
Kostenlose Installation und Updates über Composer
Partnerprogramm
Technischer Support für Magento
Klare Lizenzierungsregeln für Magento-Module
Sicherheit des Magento-Modul-Codes
Magento PageBuilder bietet einen nativen Slider, der grundsätzlich eine hervorragende Lösung ist:
er benötigt keine externen Bibliotheken,
er ist vollständig in den Content-Editor integriert,
er unterstützt separate Bilder für Desktop und Mobile,
er funktioniert korrekt mit Cache, Varnish und PageBuilder Preview.
Und genau deshalb lohnt es sich, ihn zu nutzen.
Leider stoßen in der Praxis viele Magento-Shops auf dieselben Probleme, insbesondere bei modernen, responsiven Layouts.
Probleme des nativen PageBuilder-Sliders
In der Standardkonfiguration von PageBuilder:
wird die Höhe des Sliders starr erzwungen (
min-height),ergeben sich die Bildproportionen nicht aus den tatsächlichen Abmessungen der Grafik,
erscheinen auf Mobile leere Abstände über und unter dem Slider,
reagiert der Slider nicht immer korrekt auf Änderungen der Breakpoints,
erzwingen CSS und JS von PageBuilder Verhaltensweisen, die ohne Eingriff in den Core nur schwer zu überschreiben sind.
Das Ergebnis?
Der Slider sieht oft nur auf einem Bildschirm gut aus –
bei anderen Auflösungen verliert er seine Proportionen oder seine Ästhetik.
Was macht unser Modul?
Kowal PageBuilder Slider Fix löst diese Probleme ohne PageBuilder zu deaktivieren und ohne Eingriffe in den Magento-Core.
Das Modul:
entfernt die starre Erzwingung der Höhe (
min-height) durch PageBuilder,ermöglicht dem Slider, die Höhe dynamisch an das Bild anzupassen,
behält die volle Breite bei (
100% viewport width),unterstützt separate Desktop- und Mobile-Bilder korrekt,
funktioniert nur dort, wo der Slider tatsächlich vorhanden ist.
Wie funktioniert es technisch?
nutzt
text/x-magento-init– den nativen Magento-Mechanismus,lädt kein globales JS auf jeder Seite,
funktioniert pro Slider und nicht global,
arbeitet mit dem Mechanismus
data-background-imagesvon PageBuilder zusammen,ist kompatibel mit PageBuilder Preview und dem CMS-Editor.
Das bedeutet:
✔ keine Konflikte
✔ keine Cache-Probleme
✔ keine Auswirkungen auf die Performance des Shops
Für wen ist dieses Modul geeignet?
Dieses Modul ist ideal, wenn:
Sie den PageBuilder Slider oder Banner Slider verwenden,
Ihnen perfekte Responsivität wichtig ist,
Sie native Magento-Lösungen beibehalten möchten,
Sie keine schweren, externen Slider installieren möchten,
Ihnen eine ästhetische Darstellung auf Mobile wichtig ist, ohne leere Abstände.
Warum kein externer Slider?
Externe Slider:
laden häufig große JS-Bibliotheken,
arbeiten nicht ideal mit PageBuilder zusammen,
können bei Cache / Varnish problematisch sein,
erschweren die Bearbeitung von Inhalten für nichttechnische Personen.
Unser Modul behebt genau das, was nötig ist – und nichts darüber hinaus.
Zusammenfassung
Kowal PageBuilder Slider Fix:
bewahrt die Vorteile des nativen Magento-Sliders,
beseitigt seine größten Schwächen,
funktioniert stabil auf Desktop und Mobile,
ist schlank, schnell und sicher,
ist bereit für den Einsatz in Produktiv-Shops.
Wenn Sie PageBuilder nutzen – sollte dieses Modul seine natürliche Ergänzung sein.
Fragen und Antworten
Projekt: toursport.pl
Technologie: Magento 2 + PageBuilder
Problem: Der Slider auf der Startseite verlor auf Mobilgeräten seine Proportionen – oberhalb und unterhalb der Grafik entstanden leere Ränder, und die Höhe wurde unabhängig von der Bildschirmgröße künstlich erzwungen.
Herausforderung
Das Toursport-Team nutzte den nativen PageBuilder-Slider aufgrund von:
einfacher Bearbeitung der Inhalte,
Möglichkeit, separate Desktop- und Mobile-Bilder festzulegen,
guter Integration mit Cache und Performance.
Gleichzeitig führte das Standardverhalten von PageBuilder zu:
einer unästhetischen Darstellung des Sliders auf Smartphones,
fehlender Beibehaltung der Bildproportionen,
Problemen bei Änderungen der Auflösung.
Lösung
Eingesetzt wurde Kowal PageBuilder Slider Fix, der:
die feste
min-heightentfernte,dem Slider ermöglichte, die Höhe an die tatsächlichen Bildproportionen anzupassen,
die volle Bildschirmbreite beibehielt,
Mobile-Bilder korrekt verarbeitete.
Ergebnis
✔ perfekte Responsivität auf allen Geräten,
✔ keine leeren Ränder auf Mobilgeräten,
✔ nativer PageBuilder ohne zusätzliche Slider beibehalten,
✔ bessere visuelle Wahrnehmung der Startseite.
Das Modul wurde ohne Einfluss auf die Performance und ohne notwendige Änderungen der Inhalte im PageBuilder implementiert.















