PrestaShop Design & Navigation

Visuelle Kategorieseite: Unterkategorien als Bildkacheln (Category Wall)

Kategorieseiten, die zum Klicken einladen – keine bloße Aufzählungsliste.

Auf einen Blick
  • Ersetzt die native Unterkategorie-Liste durch eine Wand aus Bildkacheln
  • Drei Layouts: Raster, Mosaik und Karussell
  • Echtzeit-Produktzähler, mit optionaler rekursiver Zählung
  • Kompatibel mit PrestaShop 8 und 9, multishopfähig und fünf Sprachen
  • Null Abhängigkeiten: reines CSS + JavaScript, kein jQuery
Raster · Mosaik · Karussell Live-Produktzähler Automatische Bildkacheln PS 8 & 9 Multishop
  • 30 Tage Rückgaberecht
  • 12 Monate Updates
  • 24-h-Support
www.datafirefly.com/de/
PrestaShop-Kategorieseite mit Unterkategorien als Bildkacheln
v1.0.0 · aktualisiert 2026-07-16
Was es leistet

Die Kurzfassung.

01

Drei Layouts mit einem Klick

Regelmäßiges Raster, dynamisches Mosaik oder scrollendes Karussell: Wählen Sie die Darstellung, die Ihre Sortimente am besten in Szene setzt – ohne das Theme anzurühren.

02

Automatische Bildkacheln

Jede Unterkategorie zeigt ihr Titelbild. Ist keines gesetzt, übernimmt eine Farbverlaufskachel mit dem Anfangsbuchstaben: nie eine visuelle Lücke im Raster.

03

Produktzähler

Ein Badge zeigt die Anzahl der Produkte pro Unterkategorie, mit optionaler rekursiver Zählung über den gesamten Baum und Ausblenden leerer Kategorien.

04

Für Performance gebaut

Zählung in einer einzigen zwischengespeicherten Gruppenabfrage, Bilder mit Lazy-Loading, natives CSS und JavaScript ohne externe Bibliothek.

Die ausführliche Fassung

Alles, was Sie vor der Installation wissen wollen.

Ein detaillierter Blick darauf, wie Visuelle Kategorieseite: Unterkategorien als Bildkacheln (Category Wall) funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.

§ 01

Die native Unterkategorie-Liste ist in die Jahre gekommen

Bei den meisten PrestaShop-Themes zeigt die Kategorieseite ihre Unterkategorien noch als Aufzählungsliste oder gedrängte kleine Vorschaubilder: wenig einladend, ohne visuelle Hierarchie und weit entfernt von heutigen Merchandising-Standards. Category Wall ersetzt diesen Block durch eine saubere, moderne Wand aus Bildkacheln, die Besucher wirklich zum Erkunden Ihrer Sortimente einlädt.

§ 02

Drei Layouts für drei Einsatzzwecke

Das Raster liefert ein regelmäßiges, gut lesbares Ergebnis, ideal für einen strukturierten Katalog. Das Mosaik hebt eine Unterkategorie mit einer vergrößerten Kachel hervor, perfekt, um den Blick auf ein Flaggschiff-Sortiment zu lenken. Das Karussell fasst viele Unterkategorien in einem flüssigen horizontalen Scroll zusammen, touch-freundlich auf dem Smartphone und mit Pfeilen auf dem Desktop. Alles wird über die Konfiguration eingestellt, ohne eine einzige Zeile Code.

§ 03

Zähler, die den Käufer beruhigen

Jede Kachel kann die Produktanzahl der Unterkategorie anzeigen. Die rekursive Zählung summiert die Produkte des gesamten Unterbaums, und Sie können leere Unterkategorien automatisch ausblenden, um nur wirklich gefüllte Sortimente zu zeigen. Die Berechnung erfolgt in einer einzigen zwischengespeicherten Gruppenabfrage, ohne Auswirkung auf die Ladezeit.

§ 04

Robust, leichtgewichtig und theme-freundlich

Category Wall klinkt sich sauber in die Kategorieseite ein und erzwingt keine Überschreibung. Bilder werden per Lazy-Loading geladen, das Rendering setzt auf natives CSS und JavaScript ohne jQuery, und alles berücksichtigt prefers-reduced-motion. Das Modul ist mit PrestaShop 8 und 9 kompatibel, multishopfähig und wird in fünf Sprachen ausgeliefert.