What makes this module faster than a classic slider?

Everything is optimized from upload to render: images are resized and converted to WebP server-side, the first slide is preloaded with fetchpriority high for LCP, other images are lazy loaded, and width / height attributes remove CLS. The JavaScript weighs about 3 KB in vanilla, loaded with defer, without jQuery. Rendering is cached in Smarty and CSS / JS is only loaded on the homepage.

Can I schedule a banner in advance?

Yes. Every banner accepts an optional start date and end date. The banner appears and disappears automatically on the chosen dates, cache included: the module regenerates its cache to follow the calendar without manual intervention.

How does the mobile image work?

Each slider slide accepts a second image, framed for mobile, resized to 768 px and converted to WebP. It is served under 768 px viewports through the picture element, and the LCP preload is split into two tags with media attributes: the phone never downloads the desktop image, and vice versa.

What happens when I disable a zone on mobile?

The zone is hidden under 768 px and its images are not downloaded: they switch to lazy loading, and a hidden lazy image is never requested by the browser. If the slider is disabled on mobile, its preload is restricted to desktop through a media attribute. That is weight actually saved on mobile, not a cosmetic display none.

Is the module multistore and multilingual?

Yes. Each banner can be associated with the shops of your choice, and the image, link and alt text are defined per language. The cache is isolated per language and per shop.

Do I need to modify my theme?

No. The module hooks into displayHome, present in every Classic-based theme, and ships its own responsive CSS. It overwrites nothing: if your theme already shows the native slider (ps_imageslider), simply disable that one.

PrestaShop Homepage Slider 8/9: Fast WebP Banners

PrestaShop Homepage Slider Module 8/9: Fast WebP Banner Blocks

A homepage slider and banner grid that costs your PageSpeed score nothing.

Compose your homepage hero in five zones: main slider, two side banners, two wide promotional banners. Images converted to WebP on upload, first slide preloaded for LCP, lazy loading everywhere else, size attributes against CLS and a 3 KB vanilla JavaScript slider without jQuery. Schedule campaigns with start and end dates, serve a dedicated mobile image and switch entire zones off on mobile without downloading a single wasted byte.

At a glance

Complete hero grid in five zones: multi-slide slider, two stacked side banners, two wide promotional banners, managed from a dedicated back office tab.
Speed first: WebP conversion and resizing on upload, first-slide preload with fetchpriority high, lazy loading, width/height attributes against CLS, 3 KB of deferred vanilla JS.
Start and end dates per banner: campaigns publish and expire on their own, cache included.
Dedicated mobile image per slide, served under 768 px, with a separate desktop/mobile preload via media attributes.
Per-zone mobile switches in the settings: a disabled zone is never downloaded by mobile visitors.

PrestaShop 8 & 9 Automatic WebP Zero jQuery Multistore Multilingual

30-day refund

12 months updates

24h support

The long version

Everything you'd want to know before you install.

A detailed look at how PrestaShop Homepage Slider Module 8/9: Fast WebP Banner Blocks works, why we built it the way we did, and the thinking behind the features above.

§ 01

A hero grid, not just another carousel

Classic slider modules show one image after another and stop there. This one reproduces the homepage structure of major e-commerce sites: a main slider taking three quarters of the width, two banners stacked to its right (catalog, shipping, service) and two wide promotional banners below (brands, current offers). On mobile the grid stacks cleanly into a single column. Every zone is filled from the same back office tab, with a preview of the images in place and their dimensions.

§ 02

Built for Core Web Vitals

A slider is almost always the LCP element of a homepage, and that is where most modules fail. Here, every image is resized to its zone's maximum width and converted to WebP on upload. The first slide is announced to the browser through a link rel preload tag with fetchpriority high, placed in the head: it starts loading before the CSS is even parsed. Every other image is lazy loaded with async decoding, and width and height attributes stored in the database remove any layout shift. The slider's JavaScript weighs about 3 KB, vanilla, loaded with defer, with no library at all.

§ 03

Schedule your campaigns, the module handles the rest

Every banner accepts a start date and an end date, down to the day or the hour. Your Christmas operation is prepared in November, goes live on December 1st at midnight and disappears on the morning of the 26th, without anyone logging into the back office. The module's cache regenerates automatically to follow the calendar, and any back office save clears it instantly.

§ 04

Mobile treated as a real channel, not a shrunken screen

A 1400 pixel panoramic visual is unreadable when squeezed onto a phone screen. Each slide therefore accepts a dedicated mobile image, framed for portrait, served under 768 px through the picture element. Preloading follows suit: two preload tags with media attributes, so each device downloads only its own variant. And when a zone makes no sense on mobile, a switch in the settings cuts it entirely: its images go lazy and are never requested by the browser. Those are kilobytes actually saved, not merely hidden.

§ 05

Clean on the server side too

The hero rendering is cached in Smarty per language and per shop: at cruising speed, displaying all five zones costs zero SQL queries. When the cache regenerates, a single grouped query fetches every banner. CSS and JS are registered on the homepage controller only, so the rest of the shop loads none of it. The module follows PrestaShop standards: ObjectModel, dedicated admin controller, native multistore and multilingual support, clean uninstall.

PrestaShop Homepage Slider Module 8/9: Fast WebP Banner Blocks