PrestaShop Design & Navigation

Shoppable Lookbook — Shop the Look & Clickable Hotspots

The shoppable lookbook that turns your photos into sales

Clickable-hotspot images, looks carousel and one-click full-look checkout — built for fashion and home decor.

At a glance
  • Visual drag & drop hotspot editor, no code required
  • “Buy the look” button: every product added to the cart in one click
  • Looks carousel on the home page and product page
  • Immersive modal with pulsing dots synced to the product list
  • Compatible with PrestaShop 8 and 9, multi-store and 5 languages
PrestaShop 8 & 9 Multi-store 5 languages Responsive No jQuery
  • 30-day refund
  • 12 months updates
  • 24h support
www.datafirefly.com/en/
Shoppable PrestaShop lookbook with clickable hotspots opening product pages
v1.0.0 · updated 2026-07-16
What it does

The short version.

01

Clickable hotspots

Place interactive dots on your lifestyle photos. Each dot links to a product, with a pulsing marker that draws the eye.

02

Buy the look in 1 click

A single button adds every product of the look to the cart, handles default combinations and automatically skips out-of-stock items.

03

Home & product carousels

A looks carousel on the home page, and a “Complete the look” block on the product page showing the looks that contain the current item.

04

Visual back-office editor

Upload the image, click to drop a hotspot, search the product (name or reference), drag the dots with the mouse. Not a single line of code.

The long version

Everything you'd want to know before you install.

A detailed look at how Shoppable Lookbook — Shop the Look & Clickable Hotspots works, why we built it the way we did, and the thinking behind the features above.

§ 01

Sell the vibe, not just the product

In fashion and home decor, customers don't buy a single item — they buy a style, a combination, a complete look. This module turns your best lifestyle photos into interactive storefronts where every visible product becomes clickable and shoppable, straight from the image.

§ 02

A hotspot editor built for non-technical users

From the back office, upload your visual, click where you want to drop a dot, then search the product to link by its name or reference. Dots are repositioned with the mouse for pixel-perfect placement. The preview updates in real time, even before saving.

§ 03

Buying the look in a single click

The “Buy the look” button adds all the products tied to the visual to the cart at once: default combination, minimum quantity respected, out-of-stock items skipped automatically, and deduplication when the same product appears on several dots. The PrestaShop cart refreshes natively and a notification confirms the addition.

§ 04

Present where it matters

A looks carousel brings your home page to life to inspire from the first visit, while a “Complete the look” block appears automatically on the product page with the looks containing the current item — a powerful cross-selling and average-basket lever. Each block is enabled and capped independently.

§ 05

Fast, clean and dependency-free

The front end is written in vanilla JavaScript, without jQuery, and only loads its assets on the pages where it's useful. The full source code is provided, unencrypted, following PrestaShop 8 and 9 conventions.