Alles, was Sie wissen sollten bevor Sie installieren.
Ein detaillierter Blick darauf, wie DataFirefly SideCart — Seitlicher Warenkorb für PrestaShop 8 funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.
Warum ein seitlicher Warenkorb?
Von 100 Besuchern, die auf „In den Warenkorb“ klicken, wie viele landen auf der Warenkorb-Seite und brechen ab? Viele. Die Weiterleitung bricht den Moment, in dem der Kaufimpuls am stärksten ist. SideCart löst das: der Kunde sieht seinen Warenkorb sich füllen, ohne die Produktseite zu verlassen, und kann entweder weiter shoppen oder mit einem Klick zum Checkout. Das ist das Standard-UX-Pattern von Amazon, Shopify und jedem Shop, der die Konversion ernst nimmt.
Was der Kunde sieht
Ein 380-px-Panel, das von der rechten Seite gleitet (auch links konfigurierbar) mit einer flüssigen Animation. Innen: die Liste der Produkte mit Bild, Name, Variante, Einzelpreis und Mengensteuerung. Unten die in Echtzeit aktualisierte Zwischensumme, plus optional MwSt und geschätzte Lieferung. Zwei Aktions-Buttons: Warenkorb-Detail ansehen oder direkt zum Checkout. Das Overlay hinter dem Panel ist klickbar zum Schließen.
Konfiguration in 5 Minuten
Installieren Sie das ZIP über den PrestaShop-Modul-Manager, dann gehen Sie in Module → DataFirefly SideCart → Konfigurieren. Eine einzige Einstellungsseite mit: Aktivieren / Deaktivieren, Position (Links / Rechts), Auto-Öffnung beim Hinzufügen (Ja / Nein), Overlay (Ja / Nein), Auto-Schließen (Ja / Nein) + Verzögerung in Sekunden, Hauptfarbe (Color Picker) und drei Boxen zur Anzeige von Zwischensumme / MwSt / Versand. Speichern, fertig live.
Architektur und Performance
Das Modul nutzt die nativen PrestaShop-8-Hooks (displayHeader für die Assets, actionCartUpdateQuantityBefore zur Erkennung der Hinzufügungen, displayAfterBodyOpeningTag zur Injektion des Panels). Das CSS macht weniger als 10 KB gzippt, das JS weniger als 8 KB. Keine externe Abhängigkeit — kein jQuery erforderlich, kein Framework. Der Impact auf die Core Web Vitals ist null oder negativ (das Eliminieren der Weiterleitung zu /warenkorb verbessert das wahrgenommene LCP).
Multi-Shop-Kompatibilität
Vollständig PrestaShop-Multi-Shop-kompatibel: jeder Sub-Shop kann seine eigene Konfiguration haben (andere Farbe, andere Position, aktivierte oder nicht aktivierte Hooks). Die Konfigurationsvariablen werden über Configuration::updateValue mit dem Standard-Multi-Shop-Kontext gespeichert.
Mobile und Barrierefreiheit
Auf Mobile (< 768 px) erstreckt sich das Panel auf den Vollbildmodus für maximale Lesbarkeit. Das Schließen ist über die Esc-Taste, den X-Button in der Ecke, den Klick auf das Overlay oder den seitlichen Swipe (wo das Gerät es unterstützt) möglich. Alle interaktiven Elemente haben ARIA-Labels, und der Fokus wird im Panel gefangen, wenn es geöffnet ist.
Rezensionen
Es gibt noch keine Rezensionen.