Alles, was Sie vor der Installation wissen wollen.
Ein detaillierter Blick darauf, wie Produkt-Karussell Modul PrestaShop 8/9 — Produktslider ohne Limit funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.
Produktkarten, die endlich Ihr Theme respektieren
Die meisten Karussell-Module liefern ihr eigenes Produktkarten-HTML mit. Das Ergebnis: Preise, die Ihre Anzeigeregeln ignorieren, fehlende Rabatt-Flags, ein toter Schnellansicht-Button und ein Stil, der negativ auffällt. Product Carousel Pro rendert jedes Produkt über das Miniatur-Template Ihres aktiven Themes, gespeist von ProductAssembler und ProductPresenter, den internen PrestaShop-Mechanismen. Was Sie auf einer Kategorieseite sehen, bekommen Sie exakt im Karussell: gleiche Preise, gleiche Flags, gleiche Schnellansicht, gleicher Warenkorb-Button. Wechseln Sie morgen das Theme, zieht das Karussell ohne eine einzige Zeile Code mit.
Sechs Produktquellen, inklusive Auswahl von Hand
Jedes Karussell wählt seine Quelle: Bestseller, Neuheiten, laufende Angebote, Produkte einer im Baum gewählten Kategorie, die Startseiten-Kategorie oder die manuelle Auswahl. Im manuellen Modus findet eine Autocomplete-Suche Ihre Produkte nach Name oder Referenz, und ein einfaches Drag-and-drop legt die Reihenfolge fest: Das Front-Office hält sich exakt daran. Sie begrenzen die Anzahl der geladenen Produkte pro Karussell, und inaktive oder ausgeblendete Produkte werden automatisch herausgefiltert.
Jede Position, auch Ihre eigenen Hooks
Sechs Standard-Hooks decken die klassischen Positionen ab: Startseite, oberhalb und unterhalb des Inhalts, vor dem Footer, unten auf der Produktseite, Warenkorb. Der eigentliche Trumpf ist aber der Custom Hook: Tippen Sie einen Namen ins Formular, das Modul registriert ihn spontan, und Sie platzieren {hook h='displayMeinKarussell'} an beliebiger Stelle in Ihren Templates. Mehrere Karussells können sich denselben Hook teilen, sortiert nach Position. Und die Widget-Syntax {widget name='dfproductcarousel' carousel=3} spricht ein bestimmtes Karussell an, praktisch auf einer CMS-Seite oder in einem maßgeschneiderten Template.
Eine ausgefeilte Slider-Engine, ohne jQuery
Die Engine ist in Vanilla JavaScript geschrieben: Spalten werden pro Breakpoint neu berechnet (Ihre Desktop-, Tablet- und Mobilwerte), Weiterblättern pro Produkt oder pro ganzer Reihe, flüssige Endlosschleife dank transparentem Klonen der Ränder, Autoplay mit Pause bei Hover und bei verborgenem Tab, Touch- und Maus-Swipe mit Schutz vor versehentlichen Klicks, Tastaturnavigation, RTL-Unterstützung und Beachtung von prefers-reduced-motion. Ein CSS-Block pro Instanz wendet die responsiven Spalten an, noch bevor das Skript lädt: kein Layout-Shift beim ersten Rendern.
Fünf Skins und Feineinstellungen, ohne das Theme anzufassen
Der klassische Skin lässt Ihre Produktkarten strikt unberührt. Minimal macht sie flach, Karte hebt sie mit Schatten und abgerundeten Ecken hervor, Rahmen fasst sie fein ein, und Dunkle Sektion setzt das Karussell auf einen dunklen Hintergrund, der auf einer Startseite hervorragend wirkt. Dazu Titelausrichtung, Untertitel, Akzentfarbe (vom Theme geerbt, wenn Sie keine wählen), Abstand zwischen den Produkten, drei Pfeilstile, zwei Pagination-Stile und der Vollbreiten-Modus: Jedes Karussell bekommt seinen Charakter, und Ihr Theme wird nie verändert.
Es gibt noch keine Rezensionen.