RcMinimalisticProductList: Reduziertes Listing-Layout pro Kategorie

Dein Shop hat eine Kategorie „Ersatzteile“ mit 200 Schrauben, Dichtungen und Kleinteilen. Die Kunden kennen die Artikelnummer, wollen schnell bestellen und scrollen sich durch Seiten voller Produktkacheln mit riesigen Bildern. Das bremst — sowohl die Ladezeit als auch den Bestellprozess. RcMinimalisticProductList schaltet einzelne Kategorien auf ein kompaktes Listenlayout um, das Übersicht statt Optik liefert.

Warum Shopwares Listenansicht nicht reicht

Shopware bietet von Haus aus einen Schalter zwischen Kachel- und Listenansicht. Aber das ist eine Kundenentscheidung — der Shopbetreiber kann nicht steuern, welche Ansicht standardmäßig aktiv ist. Außerdem zeigt Shopwares eingebaute Listenansicht trotzdem Produktbilder und viel Whitespace. Für Kategorien, in denen der Kunde gezielt nach Artikelnummern sucht, ist das noch zu viel Overhead.

RcMinimalisticProductList geht weiter. Die Ansicht wird vom Shopbetreiber pro Kategorie festgelegt, nicht vom Kunden. Und das Layout ist bewusst so kompakt gehalten, dass ein B2B-Kunde auf einen Blick 20–30 Produkte sieht, statt durch Kacheln scrollen zu müssen. Produktname, Preis, In-den-Warenkorb-Button — mehr braucht es nicht. Weniger visuelles Rauschen, schnellere Orientierung.

So funktioniert das Plugin

Das Plugin ersetzt das Standard-Produktlisting in ausgewählten Kategorien durch eine kompakte Listenansicht. Statt großer Produktkacheln mit Bildern sieht der Kunde eine aufgeräumte Tabelle mit den wesentlichen Produktinformationen. Die Aktivierung erfolgt pro Kategorie über ein Custom Field in der Administration — kein globaler Schalter, kein Alles-oder-nichts.

Filter und Sortierung funktionieren wie gewohnt. Die AJAX-basierte Filterung von Shopware bleibt vollständig erhalten — der Kunde kann filtern, sortieren und durch die Ergebnisse blättern, ohne dass das Listenlayout verloren geht. Auf Mobilgeräten passt sich die Liste responsive an, sodass sie auch auf kleinen Bildschirmen funktioniert.

Der Performance-Vorteil

Weniger Bilder bedeuten weniger HTTP-Requests und weniger zu ladende Daten. In Kategorien mit 100+ Produkten macht sich das deutlich bemerkbar. Jede Produktkachel im Standard-Layout lädt ein Bild, oft in mehreren Größen für responsive Darstellung. Bei 50 Produkten pro Seite sind das 50 Bildrequests, die komplett entfallen.

Dazu kommen weniger DOM-Elemente pro Produkt. Eine Listenzeile ist strukturell schlanker als eine Produktkachel mit Bild-Container, Hover-Effekten und Action-Buttons. Das reduziert die Renderzeit und beschleunigt die Seiteninteraktion.

Gerade für B2B-Kunden, die täglich im Shop bestellen, macht sich die schnellere Ladezeit in der Arbeitseffizienz bemerkbar. Wenn ein Techniker zehn Positionen bestellen muss, zählt jede Sekunde.

Installation

Installation per Composer in der DDEV-Umgebung:

ddev composer require ruhrcoder/rc-minimalistic-product-list
ddev exec bin/console plugin:refresh
ddev exec bin/console plugin:install --activate RcMinimalisticProductList
ddev exec bin/console cache:clear

Konfiguration

Das Plugin hat keine globale Konfiguration — die Aktivierung erfolgt ausschließlich pro Kategorie. Öffne die gewünschte Kategorie in der Administration und setze das Custom Field Minimalistisches Listing auf Ja. Ab sofort zeigt diese Kategorie die Listenansicht statt des Standard-Layouts.

Die Einstellung gilt nur für die jeweilige Kategorie. Unterkategorien erben sie nicht automatisch. So kannst du gezielt einzelne Bereiche umschalten, ohne den Rest des Shops zu beeinflussen. Deine Hauptprodukte behalten die großen Kacheln mit ansprechenden Bildern, während die Ersatzteilkategorie daneben schlank und effizient auftritt.

Praxisbeispiel: Ersatzteile und Verbrauchsmaterial

Ein typischer Fall aus einem Kundenprojekt: Der Shop verkauft hochwertige Maschinen mit großen Produktbildern und ausführlichen Beschreibungen. Daneben gibt es eine Ersatzteilkategorie mit 200+ Produkten. Die Kunden dort sind Techniker — sie kennen die Artikelnummer, brauchen kein Bild der Dichtung und wollen einfach drei Stück in den Warenkorb legen.

Mit RcMinimalisticProductList schaltest du genau diese Kategorie auf die Listenansicht um. Die Seite lädt schneller, und der Kunde kommt schneller zum Ziel.

Der gleiche Ansatz funktioniert für Verbrauchsmaterial mit vielen Varianten, B2B-Kataloge, in denen Effizienz vor Optik geht, oder Zubehörkategorien, in denen das Bild zweitrangig ist. Im Grunde überall dort, wo der Kunde bereits weiß, was er kaufen will, und kein visuelles Erlebnis braucht, sondern einen schnellen Weg in den Warenkorb.

Falls du später entscheidest, dass eine Kategorie doch wieder das Standard-Layout zeigen soll, setzt du das Custom Field einfach zurück auf Nein. Die Umschaltung greift sofort, ohne Cache-Leerung.

Update

Updates laufen über Composer:

ddev composer update ruhrcoder/rc-minimalistic-product-list
ddev exec bin/console plugin:update RcMinimalisticProductList
ddev exec bin/console cache:clear

Die gezeigten Code-Beispiele dienen zur Veranschaulichung. Nutzung auf eigene Verantwortung. Mehr dazu