# Moduł Slider Strony Głównej PrestaShop 8/9: Szybkie Banery WebP

> Zbuduj kompletny hero strony głównej: główny slider, dwa piętrowe banery boczne i dwa szerokie banery promocyjne, zarządzane z panelu administracyjnego. Automatyczna konwersja WebP przy wgrywaniu, preload obrazu LCP, lazy loading, zero CLS i slider w czystym JavaScript o wadze 3 KB: Twoja strona główna pozostaje szybka, nawet pełna grafik.

- Strona: <https://www.datafirefly.com/pl/produkt/homepage-slider-banners-prestashop/>
- Język: pl
- Zaktualizowano: 2026-09-29
- Platforma: PrestaShop
- Kategoria: Design i nawigacja
- Kod produktu: DF-HOMEBANNERS-EN
- Cena: 79.00 EUR
- Inne języki: [fr](https://www.datafirefly.com/product/homepage-slider-banners-prestashop/index.md), [en](https://www.datafirefly.com/en/product/homepage-slider-banners-prestashop/index.md), [es](https://www.datafirefly.com/es/producto/homepage-slider-banners-prestashop/index.md), [de](https://www.datafirefly.com/de/produkt/homepage-slider-banners-prestashop/index.md), [it](https://www.datafirefly.com/it/product/homepage-slider-banners-prestashop/index.md), [nl](https://www.datafirefly.com/nl/product/homepage-slider-banners-prestashop/index.md), [pt](https://www.datafirefly.com/pt/produto/homepage-slider-banners-prestashop/index.md)
- Indeks: <https://www.datafirefly.com/pl/produkt/llms.txt>

Strona główna sklepu żyje w rytmie kalendarza handlowego: nowy katalog, oferta dostawy, promocja miesiąca. Ten moduł daje Ci kompletną siatkę hero, taką jak na dużych stronach e-commerce: główny slider, dwa banery ułożone po prawej i dwa szerokie banery poniżej. Każdą grafiką zarządzasz z dedykowanej zakładki panelu: obraz per język, link, tekst alternatywny, pozycja oraz zakres dat rozpoczęcia i zakończenia, aby planować kampanie z wyprzedzeniem. Baner po terminie znika sam, bez interwencji i bez czyszczenia cache.

Tam, gdzie większość sliderów rujnuje wynik PageSpeed, ten został zbudowany na odwrót. Obrazy są zmniejszane i konwertowane do WebP przy wgrywaniu, pierwszy slajd jest preloadowany z fetchpriority high dla natychmiastowego LCP, cała reszta ładuje się leniwie, a atrybuty width i height eliminują CLS. Slider działa na 3 KB czystego JavaScriptu ładowanego z defer, bez jQuery i zewnętrznych bibliotek. Renderowanie trafia do cache Smarty z jednym zapytaniem SQL, a dedykowany obraz mobilny może zastąpić każdy slajd i każdy baner poniżej 768 px. Możesz nawet wyłączyć całe strefy na mobile: ukryte obrazy nigdy nie są pobierane.