Kowal PageBuilder Slider Fix – responsywny slider bez kompromisów
WARTO NAM ZAUFAĆ
25 lat doświadczenia w e-commerce i Magento 2
Szybka realizacja
Sprawny proces realizacji
Prosty i przejrzysty proces reklamacji
Współpraca z klientami na całym świecie
Darmowe aktualizacje modułów
Płatność przez PayPal i Stripe
Magento PageBuilder oferuje natywny slider, który z założenia jest świetnym rozwiązaniem:
-
nie wymaga zewnętrznych bibliotek,
-
jest w pełni zintegrowany z edytorem treści,
-
obsługuje osobne obrazy dla desktop i mobile,
-
działa poprawnie z cache, Varnish oraz PageBuilder Preview.
I właśnie dlatego warto z niego korzystać.
Niestety, w praktyce wiele sklepów Magento napotyka te same problemy, szczególnie przy nowoczesnych, responsywnych layoutach.
Problemy natywnego slidera PageBuilder
W standardowej konfiguracji PageBuilder:
-
wysokość slidera jest sztywno wymuszona (
min-height), -
proporcje obrazu nie wynikają z realnych wymiarów grafiki,
-
na mobile pojawiają się puste marginesy nad i pod sliderem,
-
slider nie zawsze poprawnie reaguje na zmianę breakpointów,
-
CSS i JS PageBuildera wymuszają zachowania trudne do nadpisania bez ingerencji w core.
Efekt?
Slider często wygląda dobrze tylko na jednym ekranie –
a na innych rozdzielczościach traci proporcje lub estetykę.
Co robi nasz moduł?
Kowal PageBuilder Slider Fix rozwiązuje te problemy bez wyłączania PageBuildera i bez ingerencji w core Magento.
Moduł:
-
usuwa sztywne wymuszanie wysokości (
min-height) przez PageBuilder, -
pozwala sliderowi dynamicznie dopasować wysokość do obrazu,
-
zachowuje pełną szerokość (
100% viewport width), -
poprawnie obsługuje oddzielne obrazy desktop i mobile,
-
działa tylko tam, gdzie slider faktycznie istnieje.
Jak działa technicznie?
-
wykorzystuje
text/x-magento-init– natywny mechanizm Magento, -
nie ładuje globalnego JS na każdej stronie,
-
działa per slider, a nie globalnie,
-
współpracuje z mechanizmem
data-background-imagesPageBuildera, -
jest kompatybilny z PageBuilder Preview oraz edytorem CMS.
To oznacza:
✔ brak konfliktów
✔ brak problemów z cache
✔ brak wpływu na wydajność sklepu
Dla kogo jest ten moduł?
Ten moduł jest idealny, jeśli:
-
używasz PageBuilder Slidera lub Banner Slidera,
-
zależy Ci na idealnej responsywności,
-
chcesz zachować natywne rozwiązania Magento,
-
nie chcesz instalować ciężkich, zewnętrznych sliderów,
-
zależy Ci na estetyce na mobile (bez pustych marginesów).
Dlaczego nie zewnętrzny slider?
Zewnętrzne slidery:
-
często ładują duże biblioteki JS,
-
nie współpracują idealnie z PageBuilderem,
-
bywają problematyczne przy cache / Varnish,
-
utrudniają edycję treści osobom nietechnicznym.
Nasz moduł naprawia to, co trzeba – i nic więcej.
Podsumowanie
Kowal PageBuilder Slider Fix:
-
zachowuje zalety natywnego slidera Magento,
-
eliminuje jego największe wady,
-
działa stabilnie na desktop i mobile,
-
jest lekki, szybki i bezpieczny,
-
gotowy do użycia w sklepach produkcyjnych.
Jeśli korzystasz z PageBuildera – ten moduł powinien być jego naturalnym uzupełnieniem.
Question:
Czy moduł zastępuje natywny slider PageBuildera?
Answer:
Nie. Moduł nie zastępuje slidera, a jedynie naprawia jego zachowanie. Nadal korzystasz w 100% z natywnego PageBuildera.
Question:
Czy moduł działa z osobnymi obrazami desktop i mobile?
Answer:
Tak. Moduł w pełni obsługuje mechanizm desktop_image / mobile_image PageBuildera i poprawnie przełącza obrazy na breakpointach.
Question:
Czy moduł wpływa na wydajność sklepu?
Answer:
Nie. Skrypt uruchamia się tylko tam, gdzie istnieje slider, bez globalnego JS i bez dodatkowych bibliotek.
Question:
Czy moduł jest bezpieczny przy aktualizacjach Magento?
Answer:
Tak. Moduł nie ingeruje w core, nie nadpisuje plików Magento i jest bezpieczny przy aktualizacjach.
Question:
Czy moduł działa z cache, Varnish i PageBuilder Preview?
Answer:
Tak. Rozwiązanie jest w pełni kompatybilne z cache Magento, Varnish oraz edytorem PageBuildera.
Projekt: toursport.pl
Technologia: Magento 2 + PageBuilder
Problem: Slider na stronie głównej tracił proporcje na mobile – pojawiały się puste marginesy nad i pod grafiką, a wysokość była sztucznie wymuszona niezależnie od rozmiaru ekranu.
Wyzwanie
Zespół Toursport korzystał z natywnego slidera PageBuildera ze względu na:
-
łatwą edycję treści,
-
możliwość ustawiania osobnych obrazów desktop / mobile,
-
dobrą integrację z cache i wydajnością.
Jednocześnie standardowe zachowanie PageBuildera powodowało:
-
nieestetyczny wygląd slidera na smartfonach,
-
brak zachowania proporcji obrazu,
-
problemy przy zmianach rozdzielczości.
Rozwiązanie
Zastosowano Kowal PageBuilder Slider Fix, który:
-
usunął sztywne
min-height, -
pozwolił sliderowi dopasować wysokość do realnych proporcji obrazu,
-
zachował pełną szerokość ekranu,
-
poprawnie obsłużył obrazy mobilne.
Efekt
-
✔ idealna responsywność na wszystkich urządzeniach,
-
✔ brak pustych marginesów na mobile,
-
✔ zachowany natywny PageBuilder bez dodatkowych sliderów,
-
✔ lepszy odbiór wizualny strony głównej.
Moduł został wdrożony bez wpływu na wydajność i bez konieczności modyfikacji treści w PageBuilderze.








