PrestaShop Design & Navigation

Mobile Swipe Shopping: Produktentdeckung im Tinder-Stil

Ein Swipe zum Liken, eine Geste zum Kaufen

Kategorienavigation im Tinder- und Stories-Stil: Ihre mobilen Besucher entdecken Produkte Karte für Karte, liken mit einem Swipe nach rechts und legen mit einem Swipe nach oben in den Warenkorb.

Auf einen Blick

Vollbild-Kartendeck im Tinder-Stil auf Kategorieseiten, mit Fortschrittsleiste im Stories-Stil
Swipe nach rechts = Wunschliste (Kunden UND Gäste), nach oben = Warenkorb, nach links = überspringen
Native Back-Office-Analytics: Aufrufe, Likes, Skips, Warenkörbe und Like-Rate pro Produkt
Vanilla JS ohne jQuery und ohne Abhängigkeiten, kompatibel mit PrestaShop 8 und 9, Multishop und mehrsprachig

PrestaShop 8 & 9 Mobile-First Wunschliste Analytics

30 Tage Rückgaberecht
12 Monate Updates
24-h-Support

Entwickelt von einer zertifizierten PrestaShop-Agentur

www.datafirefly.com/de/

Produkte per Wischen auf dem Smartphone entdecken in PrestaShop, im Tinder-Stil

v1.2.0 · aktualisiert 2026-10-13

Was es leistet

Die Kurzfassung.

Swipe nach rechts = Wunschliste

Jeder Like wird für eingeloggte Kunden wie für Gäste gespeichert. Beim Login oder bei der Registrierung wandern die Gast-Likes automatisch ins Konto und auf die blockwishlist-Wunschliste.

Swipe nach oben = Warenkorb

Der Super-Like lässt die Variante wählen (Größe, Farbe, Preis und Bestand live), legt das Produkt mit seiner Mindestmenge in den Warenkorb und aktualisiert das Warenkorb-Badge des Themes, ohne ein Fenster hinter dem Deck zu öffnen.

Analytics für Produktpräferenzen

Tatsächlich gesehene Karten, Likes, Skips, Warenkorb-Zugänge und Aufrufe der Produktseite, mit den beliebtesten und den am häufigsten übersprungenen Produkten, CSV-Export und Zurücksetzen: ein echtes Merchandising-Signal.

Null Abhängigkeiten, null Reibung

Swipe-Engine in Vanilla JS (Pointer Events), ohne jQuery und ohne externe Bibliothek. Themenunabhängiges Overlay, Zurück-Taste des Smartphones berücksichtigt, haptisches Feedback, Bedienung per Tastatur und Screenreader.

Die ausführliche Fassung

Alles, was Sie vor der Installation wissen wollen.

Ein detaillierter Blick darauf, wie Mobile Swipe Shopping: Produktentdeckung im Tinder-Stil funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.

§ 01

Die Produktentdeckung, die die TikTok-Generation erwartet

Auf dem Smartphone ermüden klassische Produktraster: Man scrollt, überfliegt, verlässt die Seite. Das Swipen dagegen ist zu einem universellen Reflex geworden. Dieses Modul verwandelt jede Kategorieseite in ein Vollbild-Kartendeck: ein Produkt nach dem anderen, ein großes Bild, ein Preis und drei mögliche Gesten. Die Aufmerksamkeit des Besuchers wird gebunden, die Session verlängert sich, und das Entdecken wird zum Spiel statt zur Pflicht.

§ 02

Drei Gesten, null Reibung

Swipe nach rechts zum Liken, nach links zum Überspringen, nach oben für den Warenkorb: Die Customer Journey schrumpft auf Gesten, die jeder bereits kennt. Eine Fortschrittsleiste im Stories-Stil zeigt den Fortschritt an, Aktions-Buttons spiegeln die Gesten für die Barrierefreiheit, und ein Abschlussbildschirm fasst die Favoriten der Session mit direkten Links zu den Produktseiten zusammen. Am Desktop übernehmen die Pfeiltasten.

§ 03

Likes, die nie verloren gehen

Jeder Swipe nach rechts wird in der Datenbank erfasst – für eingeloggte Kunden wie für anonyme Besucher. Ist das Modul blockwishlist installiert, wird das Produkt zusätzlich automatisch der Wunschliste des eingeloggten Kunden hinzugefügt, ohne doppelte Eingabe. Gast-Likes bleiben der Session zugeordnet und können nach dem Login mit dem Konto zusammengeführt werden: Das Interessensignal überlebt die gesamte Journey.

§ 04

Messen Sie, was Ihre Kunden wirklich lieben

Jede angesehene Karte, jeder Like, jeder Skip und jeder Warenkorb-Zugang fließt in ein eigenes Back-Office-Dashboard: globale Like-Rate, Ranking der Lieblingsprodukte, Attraktivitätsrate pro Produkt. Ein direktes Merchandising-Signal: Sie erfahren, welche Produkte auf den ersten Blick überzeugen und welche kaltlassen – ohne Umfragen und ohne externe Tools. Alle Daten bleiben in Ihrer Datenbank: Nichts wird an Drittanbieter gesendet.

Alles enthalten

Die vollständige Liste.

Swipe nach rechts = Wunschliste — Jeder Like wird für eingeloggte Kunden wie für Gäste gespeichert. Beim Login oder bei der Registrierung wandern die Gast-Likes automatisch ins Konto und auf die blockwishlist-Wunschliste.

Swipe nach oben = Warenkorb — Der Super-Like lässt die Variante wählen (Größe, Farbe, Preis und Bestand live), legt das Produkt mit seiner Mindestmenge in den Warenkorb und aktualisiert das Warenkorb-Badge des Themes, ohne ein Fenster hinter dem Deck zu öffnen.

Analytics für Produktpräferenzen — Tatsächlich gesehene Karten, Likes, Skips, Warenkorb-Zugänge und Aufrufe der Produktseite, mit den beliebtesten und den am häufigsten übersprungenen Produkten, CSV-Export und Zurücksetzen: ein echtes Merchandising-Signal.

Null Abhängigkeiten, null Reibung — Swipe-Engine in Vanilla JS (Pointer Events), ohne jQuery und ohne externe Bibliothek. Themenunabhängiges Overlay, Zurück-Taste des Smartphones berücksichtigt, haptisches Feedback, Bedienung per Tastatur und Screenreader.

Schwebender „Swipe-Modus“-Button auf Kategorieseiten, Position und Akzentfarbe konfigurierbar

Vollbild-Deck mit 3-Karten-Stapel, Rotation beim Ziehen, progressiven GEFÄLLT MIR- / WEITER-Stempeln und schneller Wischgeste

Segmentierte Fortschrittsleiste im Stories-Stil zur Anzeige des Fortschritts im Deck

Swipe nach rechts: gespeicherter Like und automatische Aufnahme in die blockwishlist-Wunschliste, falls vorhanden

Swipe nach oben: Variantenauswahl (Größe, Farbe, Preis und Bestand live), danach Warenkorb und Aktualisierung des Theme-Badges (deaktivierbar)

Durchgestrichener Preis bei reduzierten Produkten, Hinweise „Bereits geliked“ und „Nicht verfügbar“ auf den Karten

Abschlussbildschirm mit den Favoriten der Session und Neustart des Decks ohne Schließen

Gast-Likes werden beim Login oder bei der Registrierung automatisch ins Kundenkonto übertragen

Konfigurierbare Deck-Reihenfolge: Kategorieposition, zufällig (empfohlen) oder Neuheiten zuerst

Optionen: bereits gelikte Produkte ausblenden, nicht vorrätige Produkte ausblenden, Nur-Mobil-Modus (unter 992 px)

Dashboard: gesehene Karten, Likes, Skips, Warenkörbe, Aufrufe der Produktseite, beliebteste und am häufigsten übersprungene Produkte

CSV-Export der Statistiken und Zurücksetzen pro Shop

Zurück-Taste schließt das Deck, Tastaturnavigation, Fokusfalle und Ansagen für Screenreader

DSGVO-Konformität: Export und Löschung der Likes über das offizielle Modul psgdpr; keine Daten an Dritte

Modul in 8 Sprachen übersetzt: FR, EN, ES, DE, IT, NL, PL, PT

Changelog · 3 Releases

Was ausgeliefert wurde.

Jedes Release durchläuft Kompatibilitätstests gegen die letzten drei Plattform-Minor-Versionen. Kein Feature versteckt in einem Fix, kein Fix versteckt in einem Feature.

Fix v1.2.0 2026-10-13

Variantenauswahl vor dem Warenkorb: Farbfelder, Größen, Preis, Bild und Bestand jeder Variante
Nicht vorhandene Varianten durchgestrichen, nicht vorrätige markiert, automatischer Wechsel zur nächstliegenden vorhandenen Variante
Option „Besucher die Variante wählen lassen“ (standardmäßig aktiviert), genaue Meldung bei nicht vorrätiger Variante

Fix v1.1.0 2026-10-13

Fix: Der per Swipe nach oben erstellte Warenkorb bleibt jetzt erhalten (Cookie wird vor der Antwort geschrieben)
Fix: Produkte mit Varianten landen mit ihrer Standardvariante im Warenkorb und auf der Wunschliste
Fix: Das Theme-Fenster „Produkt hinzugefügt“ öffnet sich nicht mehr hinter dem Deck
Likes vor dem Login werden automatisch ins Kundenkonto und auf dessen Wunschliste übertragen
Zuverlässige Statistiken: tatsächlich gesehene Karten, Aufrufe der Produktseite, am häufigsten übersprungene Produkte, CSV-Export, Zurücksetzen
Neue Optionen: nicht vorrätige Produkte ausblenden, Akzentfarbe; durchgestrichener Preis bei reduzierten Produkten
Zurück-Taste des Smartphones schließt das Deck, schnelle Wischgeste, Fokusverwaltung, Übersetzungen in 8 Sprachen, DSGVO-Konformität (psgdpr)

Major v1.0.0 2026-07-16

Vollbild-Swipe-Kartendeck auf Kategorieseiten
Swipe nach rechts = Wunschliste, nach oben = Warenkorb, nach links = überspringen
Automatische blockwishlist-Anbindung und Gast-Unterstützung
Analytics-Dashboard: Aufrufe, Likes, Skips, Warenkörbe, Like-Rate
Stories-Fortschrittsleiste, haptisches Feedback, Barrierefreiheit
Kompatibilität mit PrestaShop 8 und 9, Multishop

Fragen

Noch eine Frage vor der Bestellung?

Brauche ich das Modul blockwishlist, damit die Wunschliste funktioniert?

Nein. Die Likes werden in einer eigenen Tabelle des Moduls gespeichert, für Kunden wie für Gäste. Ist blockwishlist installiert und der Kunde eingeloggt, wird das Produkt zusätzlich automatisch seiner Wunschliste hinzugefügt, ohne Konfiguration.

Was passiert mit den Likes eines nicht eingeloggten Besuchers?

Sie werden seiner Besucher-Session zugeordnet. Sobald er sich einloggt oder ein Konto anlegt, werden sie automatisch in sein Kundenkonto übertragen und, falls blockwishlist installiert ist, auf seine Wunschliste.

Funktioniert das Modul auch am Desktop?

Ja. Eine Option beschränkt den Start-Button auf mobile Bildschirme (unter 992 px), das Deck funktioniert aber auch am Desktop, mit Maus-Drag und den Pfeiltasten (rechts = Like, links = überspringen, oben = Warenkorb).

Fügt der Swipe nach oben das Produkt wirklich dem Warenkorb hinzu?

Ja. Bei Produkten mit Varianten wählt der Besucher zuerst Größe, Farbe usw. in einem Fenster, das Preis und Bestand jeder Variante zeigt. Danach wird das Produkt serverseitig mit der gewählten Variante und seiner Mindestmenge im Rahmen des Bestands hinzugefügt. Das Warenkorb-Badge des Themes wird aktualisiert, ohne das Fenster „Produkt hinzugefügt“ zu öffnen. Die Geste lässt sich deaktivieren.

Ist das Modul DSGVO-konform?

Ja. Likes, die mit einem Kundenkonto verknüpft sind, werden über das offizielle Modul psgdpr exportiert und gelöscht und beim Löschen des Kunden entfernt. Es werden keine Daten an Drittanbieter gesendet.

Ist es mit meinem individuellen Theme kompatibel?

Ja. Das Deck öffnet sich in einem themenunabhängigen Vollbild-Overlay, eingebunden über den Hook displayFooterAfter. Es ist kein Template-Override erforderlich und es besteht keine jQuery-Abhängigkeit.

Ist das Modul mit PrestaShop 9 kompatibel?

Ja, es ist für PrestaShop 8.0 bis 9.x entwickelt, ohne Composer und ohne externe Abhängigkeiten. Die Installation erfolgt per ZIP-Upload im Back Office, und das Update von 1.0.0 behält Ihre Likes und Statistiken.

69,00€

Einmalig · 12 Monate Updates

Dokumentation lesen

Unbegrenzte Dev- und Staging-Installationen
Quellcode inklusive
30 Tage Rückgaberecht
24-h-Support · EN / FR

5,0/5 20 Bewertungen

Marion TRONCHON 19. Oktober 2026 ★★★★★

“Super reaktionsschneller Entwickler. Das Modul wurde an unsere Bedürfnisse angepasst. Wir sind begeistert, dass wir unser Modul bei ihnen gekauft haben. Wir empfehlen sie zu 200…”
Produkt-Bundles & Sets Modul für PrestaShop 8 & 9: Pakete zum Vorteilspreis
Gérard Burton 3. Oktober 2026 ★★★★★

“Super, funktioniert sehr gut+++++++++++”
Warenkorbabbrecher zurückgewinnen Shopware 6 — Erinnerungs-E-Mails & individuelle Rabattcodes
jingjinghao6 24. September 2026 ★★★★★

“Wir haben das DataFirefly Faceted Filter Modul für unsere PrestaShop 9 Website erworben, die Creative Elements verwendet. Alexandre war während des gesamten Installations- und Testprozesses unglaublich…”
AJAX-Facettenfilter für PrestaShop
giuliano stella 17. September 2026 ★★★★★

“sehr nützliches Modul. nach dem Import von woocommerce und nach drei Jahren Arbeit hatte ich viele doppelte Attribute, vor allem bei den Größen, was den entsprechenden…”
Doppelte Attribute & Merkmale zusammenführen PrestaShop 8 & 9
giuliano stella 7. September 2026 ★★★★★

“super, es vereinfacht die schnelle Bearbeitung einer Produktseite erheblich, indem man direkt vom Front Office ins Backoffice wechselt und umgekehrt, um das Ergebnis der Änderung sofort…”
Front-Office Admin-Leiste PrestaShop 8 & 9 – Produkte direkt aus dem Shop bearbeiten
Giuliano 20. August 2026 ★★★★★

“Einfach und funktional. Ausgezeichneter Support.”
DataFirefly SEO-Glossar — Fachbegriff-Lexikon, automatische Tooltips in Ihren Beschreibungen und interne Verlinkung zu Ihren Produkten für PrestaShop 8 & 9
Tristan 28. Juli 2026 ★★★★★

“Einwandfrei”
Gratis-Geschenk ab einem Warenkorbwert — PrestaShop 8 & 9
Alex 27. Juli 2026 ★★★★★

“Dieses Modul ist sehr praktisch”
DataFirefly Positions Produits — Drag & Drop für Kategorien für PrestaShop 8 & 9

Mobile Swipe Shopping: Produktentdeckung im Tinder-Stil