PrestaShop Design & Navigation

Product Image Hover & Automatic Badges PrestaShop

Hover swap + smart badges in your listings

The second image on hover plus New, Sale and Low stock badges that trigger on their own, with no theme override.

At a glance
  • Shows the product's second image on hover across every listing (category, search, home, new products, price drops, manufacturer, supplier).
  • Automatic New, Sale and Low stock badges driven by configurable rules, with no manual work.
  • Zero template override: JavaScript detection of miniatures, compatible with the classic theme and child themes.
  • A single grouped AJAX call per page and a hover image lazy-loaded on the first hover.
  • Multilingual labels FR/EN/ES/DE/IT, badge colors and position fully configurable.
PrestaShop 8 & 9 Multistore FR/EN/ES/DE/IT Theme-agnostic Source code included
  • 30-day refund
  • 12 months updates
  • 24h support
www.datafirefly.com/en/
Second image on hover and automatic badges on PrestaShop product thumbnails
v1.0.0 · updated 2026-07-15
What it does

The short version.

01

Second image on hover

The visitor hovers a miniature and discovers the product's second visual (another angle, worn, a detail). Fade, fade + zoom or instant effect, your choice. Products with a single image are skipped automatically.

02

Badges that trigger themselves

New based on product age, Sale as soon as a specific price is active (with optional percentage display), Low stock below a threshold you set. No per-product data entry.

03

Built for performance

A single grouped AJAX request fetches the data for the whole page. The hover image is only loaded on the first hover: no bandwidth wasted on page load.

04

Without touching your theme

No template file is overridden. The module detects miniatures in JavaScript and re-adapts automatically after faceted navigation and AJAX pagination.

The long version

Everything you'd want to know before you install.

A detailed look at how Product Image Hover & Automatic Badges PrestaShop works, why we built it the way we did, and the thinking behind the features above.

§ 01

A livelier product card right from the list

In a shop, the listing page is often the first point of contact with a product. By showing the second image on hover, you reveal another angle, a worn shot or a detail without the visitor having to click. The result: more engaging category pages and a smoother buying journey. The effect works on every listing of the shop — category, search, home, new products, price drops, manufacturer and supplier pages.

§ 02

Badges that trigger all on their own

No more highlights to manage product by product. The module automatically applies a New badge based on product age, a Sale badge as soon as a specific price is active — with the optional discount percentage display — and a Low stock badge when the available quantity drops below the threshold you defined. Each badge can be toggled independently, with its own multilingual labels, background color and text color.

§ 03

Built for performance

The module does not multiply requests: a single grouped AJAX request fetches the data for all products visible on the page, in batches. The hover image itself is only downloaded on the first mouse hover, which avoids weighing down the initial page load. On touch-only mobile, the hover image swap is disabled automatically.

§ 04

Compatible without touching your theme

No template file is overridden. The module spots the product miniatures directly in JavaScript, which makes it compatible with the classic theme as well as child themes. It re-adapts automatically when the list is regenerated by faceted navigation or AJAX pagination. Installation takes a few clicks and all configuration is handled from a clear admin page.