The product list stops being a dead end
A visitor scanning a category page has one question: is this the right product? Answering it normally costs a click into the product page and a click back — and every one of those round trips is a chance to lose them.
This module answers the question where they already are. Point at a picture, or click a small magnifier button, and a preview popup opens over the list: the product's pictures in a slider, its name, its price, its short description, and its New or On sale badge. No page reload, nothing to install in your theme.
Hover or click — you decide which
Set the trigger to on hover and the preview follows the visitor's attention with no clicking at all. Set it to on click and a small magnifier button appears on the picture instead.
The click mode is careful about one thing that matters: a normal click on the picture still opens the product page. Only the magnifier button opens the preview. Visitors who know what they want are never intercepted.
Two layouts
Vertical puts the main picture up top with a thumbnail strip beneath it. Horizontal puts the picture on the left and the details on the right. Both are the same stylesheet and the same template — switching is one setting, not a different code path.
In vertical layout, pointing at any thumbnail switches the main picture immediately. The optional slideshow rotates through the pictures on an interval you choose between 1000 and 20000 ms, and it pauses while the visitor is pointing at the picture, so it never yanks an image away from someone who is actually looking at it.
Worth knowing before you choose: the thumbnail strip is part of the vertical layout only. In horizontal layout the pictures are reached through the slideshow, so if you pick horizontal and switch the slideshow off, visitors will only ever see the first picture.
The price shown is the price they would pay
This is computed server-side, not guessed in the browser. The popup uses the visitor's currency, the tax rules that apply to them, and their customer group — including whether that group is allowed to see prices at all.
If your shop runs in catalog mode, or the product has prices switched off, or the visitor's group may not see prices, the price block is not rendered. You do not have to remember to turn it off.
Badges that tell the truth
The New badge appears only for products that are genuinely new, measured against your shop's own number of days for which the product is considered new setting — so it disappears by itself when a product stops being new.
On sale follows the product's own Display the "On sale!" flag checkbox on its Pricing tab. It deliberately does not key off discounts: a product with a reduced price does not get an "On sale" badge unless you have actually flagged it as on sale. That is the point — the badge means what you said it means, not what a specific price happened to do.
It survives faceted search and infinite scroll
Events are delegated, so product tiles that appear after the page has loaded — filtered by faceted search, appended by infinite scroll, swapped by a third-party plugin — work immediately. There is no re-initialisation step and nothing to hook up.
One switch for the theme's own Quick view
Most themes ship a Quick view button of their own, and two competing popups is a bad experience. Rather than telling you to go and edit your theme, the module can hide the theme's button for you with a single switch.
It knows both the Classic markup (.quick-view, [data-link-action="quickview"]) and the Hummingbird markup (.product-miniature__quickview-button, [data-ps-action="open-quickview"]). And it handles the detail that usually goes wrong here: the button often sits inside a white hover panel, so hiding just the button leaves an empty white band on the tile. The module measures what the panel actually contains — if the Quick view was the only thing in it the whole panel goes, and if the panel also holds colour swatches those keep showing.
Where it appears, and where it deliberately does not
The preview loads on the home page, category, search results, brand, supplier, new products, best sales and price-drop pages — and on the product page too, so the Products in the same category and Viewed products tiles get it as well.
Checkout is never touched. Nothing is loaded there at all.
Phones keep their normal behaviour
Hover does not exist on a touch screen, and a preview popup fighting a tap is worse than no preview. Set a minimum screen width — 432 px by default — and below it the module switches itself off entirely, leaving your mobile visitors the plain, fast behaviour they expect.
Version 3 replaced two genuinely unsafe endpoints
This is worth stating plainly.
Version 2.x shipped standalone ajax/*.php scripts that bootstrapped the PrestaShop core by hand and were guarded by a hardcoded token — the same value in every installation on earth. Anyone who read the module once knew the token for every shop running it.
Version 3 replaces them with a real PrestaShop front controller protected by a shop-specific token, compared with hash_equals(). The controller validates the product id, and serves only products that are active, catalog-visible, and belong to the current shop. Anything else gets a 404 or a 403.
What else version 3 fixed
Version 2.x loaded jquery-1.11.0.min.js from a path that does not exist in PrestaShop 1.7 or later, which silently broke the popup on a lot of shops. It also shipped sixteen per-version jQuery scripts, each embedding its own 130-line SHA-1 implementation. All of that is gone: the front end is one dependency-free vanilla JavaScript file.
The old web_url cookie hack is gone too — configuration now reaches the script through Media::addJsDef.
Friendly URLs no longer matter. The product is identified through the tile's own data-id-product attribute, with a URL fallback, instead of by parsing rewritten URLs.
Image formats are detected, not hardcoded. The popup picks suitable formats from your Design → Image Settings rather than assuming names that change between PrestaShop versions, so custom themes with renamed image types keep working.
Version 3.0.2 made it work on Hummingbird
Worth naming because it was invisible rather than noisy. Hummingbird renders the thumbnail anchor as .product-miniature__image-link, where Classic uses .product-thumbnail / a.thumbnail. That class was not in the trigger selector, so on Hummingbird nothing opened at all — and the theme's own Quick view button kept showing, because none of its class names matched the hide rules either. Both are now recognised alongside the Classic markup, and the front CSS and JS are cache-busted with the module version, so the fix reaches returning visitors without anyone clearing a cache.
The configuration page checks itself
Every time you open it, the module runs four checks — Module enabled, Front office hook, Product image formats and Secure requests — and shows you the result of each. When the preview is not appearing, that panel usually tells you why before you start guessing. Leftover files from versions before 3.0.0 are cleaned up automatically as well.
Compatibility
PrestaShop 1.7 through 9, in eight languages: Dutch, English, French, German, Italian, Polish, Spanish and Turkish.
No overrides, no core or theme modification, and no jQuery. Upgrading from 2.x is automatic: your settings are kept, new options get sensible defaults, and the obsolete files are deleted for you.
Frequently asked questions
Does a normal click still open the product page?
Yes. In click mode only the small magnifier button opens the preview — clicking the picture itself behaves exactly as it always did. In hover mode nothing intercepts clicks at all.
Will the price in the popup match what the customer actually pays?
Yes. It is calculated on the server using their currency, the tax rules that apply to them and their customer group. In catalog mode, or for a group that may not see prices, the price block is not shown at all.
Does it still work when I filter a category with faceted search?
Yes. Events are delegated, so tiles re-rendered by faceted search or infinite scroll keep working with no re-initialisation.
My theme already has a Quick view button — will I get two popups?
Not if you leave Hide the theme quick view button enabled. It covers both Classic and Hummingbird markup, and removes the surrounding hover panel only when the Quick view was the only thing in it, so colour swatches are not lost.
Does it work on phones?
By design it switches off below a screen width you set — 432 px by default — because hover does not exist on touch screens. Your mobile visitors keep the normal behaviour.
My discounted product does not show an "On sale" badge — why?
Because a discount and the on sale flag are two different things. The badge follows the Display the "On sale!" flag checkbox on the product's Pricing tab, not its specific prices. Tick that box and the badge appears. The New badge is automatic and follows your shop's "number of days a product is considered new" setting.
Does it slow down my product pages?
The popup's HTML is fetched only when a visitor actually opens a preview, and the response is cached privately for a minute. The page itself loads one small stylesheet and one small vanilla script, and nothing at all on checkout.
I am upgrading from 2.x — do I need to do anything?
No. The upgrade keeps your existing settings, gives the new options sensible defaults, and deletes the old standalone AJAX scripts and per-version assets itself.
Does it edit my theme or override core files?
No. One display hook and one front controller, and nothing else.
Comments (2)
Your review appreciation cannot be sent
Report comment
Report sent
Your report cannot be sent