Kowal PageBuilder Slider Fix – responsieve slider zonder compromissen
Magento PageBuilder biedt een native slider die in de basis een uitstekende oplossing is:
vereist geen externe bibliotheken,
is volledig geïntegreerd met de contenteditor,
ondersteunt afzonderlijke afbeeldingen voor desktop en mobiel,
werkt correct met cache, Varnish en PageBuilder Preview.
Precies daarom is het de moeite waard om deze te gebruiken.
Helaas lopen veel Magento winkels in de praktijk tegen dezelfde problemen aan, vooral bij moderne, responsieve layouts.
Problemen met de native PageBuilder slider
In de standaardconfiguratie van PageBuilder:
wordt de hoogte van de slider strikt afgedwongen (
min-height),komen de beeldverhoudingen niet voort uit de werkelijke afmetingen van de afbeelding,
verschijnen er op mobiel lege marges boven en onder de slider,
reageert de slider niet altijd correct op wijzigingen in breakpoints,
dwingen de CSS en JS van PageBuilder gedrag af dat moeilijk te overschrijven is zonder ingrepen in de core.
Het resultaat?
De slider ziet er vaak alleen goed uit op één scherm –
en verliest op andere resoluties zijn verhoudingen of uitstraling.
Wat doet onze module?
Kowal PageBuilder Slider Fix lost deze problemen op zonder PageBuilder uit te schakelen en zonder ingrepen in de Magento core.
De module:
verwijdert de strikte hoogte-afdwinging (
min-height) door PageBuilder,laat de slider de hoogte dynamisch aanpassen aan de afbeelding,
behoudt de volledige breedte (
100% viewport width),ondersteunt afzonderlijke desktop- en mobiele afbeeldingen correct,
werkt alleen waar de slider daadwerkelijk aanwezig is.
Hoe werkt het technisch?
maakt gebruik van
text/x-magento-init– het native mechanisme van Magento,laadt geen globale JS op elke pagina,
werkt per slider en niet globaal,
werkt samen met het
data-background-imagesmechanisme van PageBuilder,is compatibel met PageBuilder Preview en de CMS-editor.
Dat betekent:
✔ geen conflicten
✔ geen cacheproblemen
✔ geen impact op de prestaties van de winkel
Voor wie is deze module bedoeld?
Deze module is ideaal als:
u PageBuilder Slider of Banner Slider gebruikt,
u perfecte responsiviteit belangrijk vindt,
u native Magento oplossingen wilt behouden,
u geen zware externe sliders wilt installeren,
u waarde hecht aan een nette weergave op mobiel, zonder lege marges.
Waarom geen externe slider?
Externe sliders:
laden vaak grote JS-bibliotheken,
werken niet perfect samen met PageBuilder,
kunnen problematisch zijn bij cache / Varnish,
maken het bewerken van content lastiger voor niet-technische gebruikers.
Onze module repareert precies wat nodig is – en niets meer.
Samenvatting
Kowal PageBuilder Slider Fix:
behoudt de voordelen van de native Magento slider,
elimineert de grootste nadelen ervan,
werkt stabiel op desktop en mobiel,
is licht, snel en veilig,
is klaar voor gebruik in productiewinkels.
Als u PageBuilder gebruikt – dan is deze module een natuurlijke aanvulling daarop.
Project: toursport.pl
Technologie: Magento 2 + PageBuilder
Probleem: De slider op de homepage verloor zijn verhoudingen op mobiel – er verschenen lege marges boven en onder de afbeelding, en de hoogte werd kunstmatig afgedwongen ongeacht de schermgrootte.
Uitdaging
Het team van Toursport gebruikte de native PageBuilder-slider vanwege:
eenvoudige bewerking van content,
de mogelijkheid om aparte desktop- / mobiele afbeeldingen in te stellen,
goede integratie met cache en prestaties.
Tegelijkertijd zorgde het standaardgedrag van PageBuilder voor:
een onaantrekkelijke weergave van de slider op smartphones,
het niet behouden van de beeldverhouding,
problemen bij wijzigingen in resolutie.
Oplossing
Er is Kowal PageBuilder Slider Fix toegepast, die:
de vaste
min-heightverwijderde,de slider de hoogte liet aanpassen aan de werkelijke beeldverhouding,
de volledige schermbreedte behield,
mobiele afbeeldingen correct verwerkte.
Resultaat
✔ perfecte responsiviteit op alle apparaten,
✔ geen lege marges op mobiel,
✔ native PageBuilder behouden zonder extra sliders,
✔ betere visuele uitstraling van de homepage.
De module is geïmplementeerd zonder invloed op de prestaties en zonder dat content in PageBuilder hoefde te worden aangepast.













