PrestaShop Design & Navigation

Quick-View-Modul für PrestaShop 8/9 — Produkt-Schnellansicht

Die Schnellansicht, die Ihr Theme hätte mitbringen sollen.

Ein modernes Schnellansicht-Modal, das dank Vorabladen beim Überfahren in Millisekunden öffnet: Bildergalerie, Farb- und Größenauswahl, Bestand in Echtzeit und In-den-Warenkorb per AJAX. Ihre Kunden kaufen, ohne die Kategorieseite je zu verlassen.

Auf einen Blick
  • Modernes Schnellansicht-Modal als Ersatz für die native Schnellansicht Ihres Themes
  • Vollständige Galerie: Miniaturbilder, Pfeile, Tastaturnavigation und Wischgeste
  • Live-Auswahl der Varianten: Preis, Bestand, Artikelnummer und Bilder folgen
  • In den Warenkorb per AJAX, ohne die Kategorieseite zu verlassen
  • Vorabladen beim Überfahren: Das Modal öffnet sofort
PrestaShop 8 & 9 Ohne jQuery Multishop 5 Sprachen Facettensuche
  • 30 Tage Rückgaberecht
  • 12 Monate Updates
  • 24-h-Support
www.datafirefly.com/de/
Module Quick View PrestaShop 8/9 — Aperçu Rapide Produit
v1.0.0 · aktualisiert 2026-07-12
Was es leistet

Die Kurzfassung.

01

Die native Schnellansicht, deutlich besser

Die der PrestaShop-Themes beschränkt sich meist auf ein Bild und eine Schaltfläche. Hier sieht der Kunde die gesamte Galerie, wählt Farbe und Größe, prüft den Bestand und legt in den Warenkorb — alles in einem Modal, das sich über der Produktliste öffnet.

02

Vorabladen beim Überfahren

Sobald die Maus auf einer Produktkachel verweilt, werden die Daten im Hintergrund geladen. Beim Klick ist das Modal bereits vorbereitet: Es öffnet sofort, ohne Wartezeit und ohne Ladeanzeige.

03

Varianten, die leben

Farbfelder und Größen aktualisieren sich in Echtzeit: Preis, Streichpreis, Rabatt, Artikelnummer, Bestand und Bilder der Variante ändern sich bei jedem Klick. Nicht vorhandene Kombinationen werden ausgegraut, ausverkaufte gekennzeichnet.

04

In den Warenkorb ohne Neuladen

Der Warenkorb im Kopfbereich aktualisiert sich von selbst, das Modal bestätigt die Aufnahme, und der Kunde bleibt genau dort, wo er war: auf der Kategorieseite, bereit für das nächste Produkt.

Die ausführliche Fassung

Alles, was Sie wissen sollten bevor Sie installieren.

Ein detaillierter Blick darauf, wie Quick-View-Modul für PrestaShop 8/9 — Produkt-Schnellansicht funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.

§ 01

Die Schnellansicht der PrestaShop-Themes ist eine verpasste Chance

In den meisten Themes besteht die Schnellansicht aus einem Bild, einem Titel, einem Preis und einer Schaltfläche. Keine Galerie, keine Größenauswahl, ein In-den-Warenkorb, das die Seite neu lädt oder woanders hinführt, und ein träges Öffnen, weil alles erst beim Klick geladen wird. Das Ergebnis: Der Kunde schließt das Modal und geht, oder verlässt die Kategorie für die Produktseite und kehrt nie zurück. Dieses Modul denkt die Idee neu und macht daraus ein echtes Conversion-Werkzeug.

§ 02

Alles, was der Kunde zur Entscheidung braucht, im Modal

Die vollständige Produktgalerie ist da, mit Miniaturbildern, Pfeilen, Tastaturnavigation und Wischgeste auf Mobilgeräten. Die Varianten ebenso: Farbfelder mit ihren Texturen, Größen-Schaltflächen und Auswahllisten, je nach Ihrer Konfiguration. Bei jedem Klick aktualisieren sich Preis, Rabatt, Artikelnummer, Bestand und Bilder in Echtzeit. Nicht vorhandene Kombinationen werden ausgegraut, ausverkaufte gekennzeichnet: Der Kunde verliert keine Zeit mit einer unmöglichen Wahl.

§ 03

Sofortiges Öffnen dank Vorabladen

Die meisten Schnellansichten warten auf den Klick, um die Produktdaten zu holen — eine halbe Sekunde Wartezeit oder mehr. Hier werden die Daten bereits im Hintergrund geladen, sobald die Maus auf einer Kachel verweilt (die Verzögerung ist einstellbar), das erste Bild ebenfalls. Beim Klick liegt alles schon im Speicher: Das Modal öffnet ohne Latenz. Die Daten werden für die von Ihnen gewählte Dauer im Browser zwischengespeichert, getrennt nach Sprache, Währung, Shop und Kundengruppe, damit nie ein Preis erscheint, der nicht der des Besuchers ist.

§ 04

Der Kauf bricht die Reise nicht mehr ab

Die Aufnahme erfolgt per AJAX an den nativen Warenkorb-Controller von PrestaShop: Der Warenkorb im Kopfbereich aktualisiert sich von selbst, das Modal bestätigt die Aufnahme sichtbar, und der Kunde bleibt auf seiner Kategorieseite. Etwaige Fehler — ausverkauft, Mindestmenge nicht erreicht — erscheinen deutlich im Modal statt auf einer Fehlerseite. Produkte mit pflichtmäßiger Anpassung werden korrekt auf ihre Produktseite weitergeleitet.

§ 05

Passt sich Ihrem Theme an, ohne es zu verändern

Drei Auslösemodi stehen zur Wahl: die native Schnellansicht Ihres Themes ersetzen, eine eigene Schaltfläche auf den Produktkacheln ergänzen, oder beides. Der CSS-Selektor der Kacheln ist für eigene Themes konfigurierbar, die Akzentfarbe wird mit einem Klick gesetzt, und das Modul fügt sich nach jedem Filtervorgang der Facettensuche automatisch erneut ein. Kein Template wird überschrieben, keine Abhängigkeit hinzugefügt: Das JavaScript ist nativ, ohne jQuery, und die Styles des Modals sind eigenständig.