PrestaShop Design & Navigation

Shoppable Lookbook — Shop the Look & Klickbare Hotspots

Das shoppable Lookbook, das Ihre Fotos in Verkäufe verwandelt

Bilder mit klickbaren Hotspots, Karussell oder ausgeklappte Anzeige und Kauf des kompletten Looks mit einem Klick — für Mode und Wohndeko gemacht.

Auf einen Blick
  • Visueller Hotspot-Editor, mit Auswahl der auf dem Foto sichtbaren Variante
  • Looks-Karussell oder ein einzelner ausgeklappter Look, ohne Popup
  • Hervorgehobene Looks: Sie bestimmen, was auf der Startseite erscheint
  • Schaltfläche „Look kaufen“: der ganze Look mit einem Klick im Warenkorb
  • PrestaShop 8 und 9, Multishop, Oberfläche in 8 Sprachen
PrestaShop 8 & 9 Multishop 8 Sprachen Responsive Ohne jQuery
  • 30 Tage Rückgaberecht
  • 12 Monate Updates
  • 24-h-Support
www.datafirefly.com/de/
Shoppbares PrestaShop-Lookbook mit klickbaren Hotspots zu den Produktseiten
v1.2.0 · aktualisiert 2026-09-09
Was es leistet

Die Kurzfassung.

01

Hotspots und Varianten

Platzieren Sie interaktive Punkte auf Ihren Ambiente-Fotos und wählen Sie für jeden genau die Variante, die im Bild zu sehen ist.

02

Look mit 1 Klick kaufen

Eine einzige Schaltfläche legt alle Produkte des Looks in den Warenkorb. Der Kunde kann vorher seine Größe wählen, und nicht verfügbare Artikel werden automatisch übersprungen.

03

Karussell oder ausgeklappte Anzeige

Ein Karussell mit mehreren Looks und Fenster beim Klick, oder ein einzelner Look ausgeklappt auf der Seite, ganz ohne Popup. Ihre Wahl, für Startseite und Produktseite getrennt.

04

Kontrolle über Ihr Schaufenster

Markieren Sie die auf der Startseite hervorgehobenen Looks mit einem Klick, oder wählen Sie genau den Look, der im Einzelmodus erscheinen soll.

Die ausführliche Fassung

Alles, was Sie vor der Installation wissen wollen.

Ein detaillierter Blick darauf, wie Shoppable Lookbook — Shop the Look & Klickbare Hotspots funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.

§ 01

Verkaufen Sie das Ambiente, nicht nur das Produkt

In Mode und Wohndeko kaufen Kunden keinen einzelnen Artikel: Sie kaufen einen Stil, eine Kombination, einen kompletten Look. Dieses Modul verwandelt Ihre schönsten Ambiente-Fotos in interaktive Schaufenster, in denen jedes sichtbare Produkt direkt aus dem Bild heraus klickbar und kaufbar wird.

§ 02

Ein Hotspot-Editor für Nicht-Techniker

Laden Sie im Backoffice Ihr Visual hoch, klicken Sie an die gewünschte Stelle, um einen Punkt zu setzen, und suchen Sie dann das zu verknüpfende Produkt nach Name oder Referenz. Hat dieses Produkt Varianten, kennzeichnen Sie diejenige, die tatsächlich auf dem Foto zu sehen ist, und können sie später ändern, ohne den Punkt anzurühren. Die Hotspots werden mit der Maus pixelgenau positioniert.

§ 03

Karussell oder ausgeklappte Anzeige, passend zu Ihrem Layout

Das Karussell zeigt mehrere Looks nebeneinander und öffnet beim Klick ein immersives Fenster. Die ausgeklappte Anzeige bindet dagegen einen einzelnen Look direkt in die Seite ein: Bild links, Produktliste rechts, ganz ohne Popup. Jede Platzierung wird unabhängig eingestellt, sodass etwa ein großer ausgeklappter Look auf der Startseite und ein Karussell auf der Produktseite möglich sind.

§ 04

Sie entscheiden, was im Schaufenster erscheint

Jeder Look lässt sich mit einem Klick in der Liste als auf der Startseite hervorgehoben markieren. Nur diese Looks speisen das Startseiten-Karussell: Sie pflegen einen beliebig großen Look-Katalog und steuern Ihr Schaufenster trotzdem präzise. In der ausgeklappten Anzeige bestimmen Sie den Look direkt.

§ 05

Der Kauf des Looks mit einem einzigen Klick

Die Schaltfläche „Look kaufen“ legt alle mit dem Visual verknüpften Produkte auf einmal in den Warenkorb: gewählte Variante, respektierte Mindestmenge, automatisch übersprungene nicht verfügbare Artikel und Deduplizierung, wenn dasselbe Produkt auf mehreren Punkten erscheint. Der PrestaShop-Warenkorb aktualisiert sich nativ und ein Hinweis bestätigt das Hinzufügen.

§ 06

Schnell, sauber und ohne Abhängigkeiten

Das Frontend ist in Vanilla-JavaScript ohne jQuery geschrieben und lädt seine Ressourcen nur auf den Seiten, auf denen es nützlich ist. Die Oberfläche ist in acht Sprachen übersetzt und der vollständige Quellcode wird unverschlüsselt geliefert, nach den Konventionen von PrestaShop 8 und 9.