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
www.datafirefly.com/de/
Produkte per Wischen auf dem Smartphone entdecken in PrestaShop, im Tinder-Stil
v1.0.0 · aktualisiert 2026-07-16
Was es leistet

Die Kurzfassung.

01

Swipe nach rechts = Wunschliste

Jeder Like wird in der Datenbank gespeichert – für eingeloggte Kunden wie für Gäste –, mit automatischer Anbindung an das Modul blockwishlist, sofern installiert. Kein Like geht verloren.

02

Swipe nach oben = Warenkorb

Der Super-Like legt das Produkt unter Berücksichtigung der Mindestmenge direkt in den Warenkorb und aktualisiert das Warenkorb-Badge des Themes über das Standard-Event updateCart.

03

Analytics für Produktpräferenzen

Ein Back-Office-Dashboard erfasst Aufrufe, Likes, Skips und Warenkorb-Zugänge, mit globaler Like-Rate und Ranking der beliebtesten Produkte: ein echtes Merchandising-Signal.

04

Null Abhängigkeiten, null Reibung

Swipe-Engine in Vanilla JS (Pointer Events), ohne jQuery und ohne externe Bibliothek. Themenunabhängiges Overlay, haptisches Feedback, Barrierefreiheit und Reduced Motion berücksichtigt.

Die ausführliche Fassung

Alles, was Sie wissen sollten bevor Sie installieren.

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.