Magento PageBuilder oferă un slider nativ, care, prin concepție, este o soluție excelentă:
nu necesită biblioteci externe,
este complet integrat cu editorul de conținut,
acceptă imagini separate pentru desktop și mobil,
funcționează corect cu cache, Varnish și PageBuilder Preview.
Tocmai de aceea merită folosit.
Din păcate, în practică, multe magazine Magento întâmpină aceleași probleme, în special în cazul layouturilor moderne și responsive.
În configurația standard PageBuilder:
înălțimea sliderului este impusă rigid (min-height),
proporțiile imaginii nu rezultă din dimensiunile reale ale graficii,
pe mobil apar spații goale deasupra și sub slider,
sliderul nu reacționează întotdeauna corect la schimbarea breakpointurilor,
CSS și JS din PageBuilder impun comportamente greu de suprascris fără intervenții în core.
Rezultatul?
Sliderul arată adesea bine doar pe un singur ecran –
iar la alte rezoluții își pierde proporțiile sau aspectul estetic.
Kowal PageBuilder Slider Fix rezolvă aceste probleme fără dezactivarea PageBuilder și fără intervenții în core-ul Magento.
Modulul:
elimină impunerea rigidă a înălțimii (min-height) de către PageBuilder,
permite sliderului să își adapteze dinamic înălțimea la imagine,
păstrează lățimea completă (100% viewport width),
gestionează corect imagini separate pentru desktop și mobil,
funcționează doar acolo unde sliderul există efectiv.
utilizează text/x-magento-init – mecanismul nativ Magento,
nu încarcă JS global pe fiecare pagină,
funcționează per slider, nu global,
colaborează cu mecanismul data-background-images din PageBuilder,
este compatibil cu PageBuilder Preview și editorul CMS.
Aceasta înseamnă:
✔ fără conflicte
✔ fără probleme cu cache-ul
✔ fără impact asupra performanței magazinului
Acest modul este ideal dacă:
folosiți PageBuilder Slider sau Banner Slider,
vă doriți responsivitate perfectă,
doriți să păstrați soluțiile native Magento,
nu doriți să instalați slidere externe greoaie,
vă interesează aspectul estetic pe mobil, fără spații goale.
Sliderele externe:
încarcă adesea biblioteci JS mari,
nu colaborează perfect cu PageBuilder,
pot fi problematice la cache / Varnish,
îngreunează editarea conținutului pentru persoanele non-tehnice.
Modulul nostru repară exact ceea ce trebuie – și nimic în plus.
Kowal PageBuilder Slider Fix:
păstrează avantajele sliderului nativ Magento,
elimină cele mai mari dezavantaje ale acestuia,
funcționează stabil pe desktop și mobil,
este ușor, rapid și sigur,
gata de utilizare în magazine de producție.
Dacă folosiți PageBuilder – acest modul ar trebui să fie completarea lui naturală.
Datele de acces la depozitul Composer (adresa de e-mail a clientului și tokenul de licență) le veți primi prin e-mail după achiziție. Acestea sunt disponibile și în panoul clientului după autentificarea pe kowal.store. Înlocuiți TWOJ_EMAIL_KLIENTA cu adresa de e-mail a contului dvs., iar TWOJ_TOKEN cu tokenul primit. Rulați comenzile în directorul rădăcină Magento.
composer config repositories.kowal composer https://repo.kowal.storecomposer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'composer require kowal/module-pagebuildersliderfixDupă instalarea pachetului, actualizați Magento și goliți cache-ul:
php bin/magento setup:upgradephp bin/magento cache:flushÎn mediul de producție, efectuați și compilarea DI și implementarea fișierelor statice conform procesului de deploy al magazinului.
Proiect: toursport.pl
Tehnologie: Magento 2 + PageBuilder
Problemă: Sliderul de pe pagina principală își pierdea proporțiile pe mobil – apăreau margini goale deasupra și dedesubtul imaginii, iar înălțimea era impusă artificial indiferent de dimensiunea ecranului.
Echipa Toursport folosea sliderul nativ al PageBuilder datorită:
editării ușoare a conținutului,
posibilității de a seta imagini separate pentru desktop / mobil,
integrării bune cu cache-ul și performanța.
În același timp, comportamentul standard al PageBuilder provoca:
un aspect inestetic al sliderului pe smartphone-uri,
nepăstrarea proporțiilor imaginii,
probleme la schimbarea rezoluției.
A fost utilizat Kowal PageBuilder Slider Fix, care:
a eliminat min-height rigid,
a permis sliderului să își ajusteze înălțimea la proporțiile reale ale imaginii,
a păstrat lățimea completă a ecranului,
a gestionat corect imaginile mobile.
✔ responsivitate ideală pe toate dispozitivele,
✔ fără margini goale pe mobil,
✔ PageBuilder nativ păstrat, fără slidere suplimentare,
✔ percepție vizuală mai bună a paginii principale.
Modulul a fost implementat fără impact asupra performanței și fără necesitatea modificării conținutului în PageBuilder.
