Zum Inhalt springen
Stone & Water
Doku · 02 Produktlisting

Produktlisting · Filter, Spalten, Inline-Edit, Quickview

Das zentrale Listing zeigt deinen gesamten Produktbestand — mit konfigurierbaren Spalten, mächtigen Filtern, Inline-Bearbeitung und einem Quickview-Modal für die schnelle Stammdaten-Pflege.

Aufbau der Ansicht

Das Listing besteht aus fünf Bereichen:

  • Filter-Bar oben — beliebig viele Filter-Bedingungen mit UND/ODER
  • Spalten-Header — sortierbar, breitenanpassbar, ein-/ausblendbar
  • Datenzeilen — pro Produkt eine Zeile, Variantsartikel inline aufklappbar
  • Footer-Toolbar — Auswahl, Bulk-Aktionen, Export/Import
  • Bottom-Save-Bar — erscheint bei aktiven Inline-Änderungen

Filter mit UND / ODER

Beliebig viele Filterbedingungen lassen sich kombinieren. Pro Bedingung wählst du Feld, Operator und Wert.

9 Vergleichsmodi

  • Text: enthält, enthält nicht, beginnt mit, endet mit, ist gleich, ist nicht gleich, ist leer, ist nicht leer
  • Zahl: gleich, ungleich, größer, kleiner, größer/gleich, kleiner/gleich, leer, nicht leer
  • Multi: ist in Liste (Pipe-separiert)

UND / ODER-Verknüpfung

Zwischen Bedingungen lässt sich UND oder ODER wählen — auch in Kombination. Beispiele:

  • Bestand < 5 UND Kategorie „Reduziert"
  • Bestand < 5 UND (Hersteller = „Nike" ODER Hersteller = „Adidas")
  • Aktiv = ja UND Cover-Bild = leer

Variantenartikel-aware

Filter durchforsten automatisch Parent- und Children-Felder. Filterst du nach „Farbe = rot", werden auch Parents mit passenden Variants getroffen.

Spalten konfigurieren

Sichtbare Spalten sind pro User konfigurierbar:

  • Hinzufügen: Plus-Icon oben rechts — alle Felder durchsuchbar
  • Reihenfolge: Drag-and-Drop am Spalten-Header
  • Breite: Drag am Spalten-Rand
  • Sortierung: Klick auf den Spaltenkopf

Alle Einstellungen werden pro User in der Datenbank gespeichert.

Filter- und Spalten-Presets

Häufige Konfigurationen als Preset speichern und mit einem Klick laden:

  • Eigene Presets — nur für den eigenen User
  • Geteilte Presets — für andere User mit gleicher Rolle
  • System-Presets — vom Admin gesetzte Vorlagen, schreibgeschützt

Inline-Bearbeitung

Direkt in der Listing-Zeile editierbar — auch für Varianten:

  • Bestand — Zahlenfeld mit Locale-bewusster Trennung
  • Preis — Brutto-Eingabe mit automatischer Netto-Berechnung
  • EAN, Herstellernummer — Text-Felder
  • Gewicht — Zahlenfeld
  • Aktiv-Status — Toggle-Slider

Änderungen werden lokal gepuffert. Erst Klick auf Speichern in der Bottom-Save-Bar überträgt sie. Tastenkürzel: Enter bestätigt, Esc bricht ab, Tab springt zum nächsten Feld.

Read-back-Verifikation: Nach dem Speichern wird der gespeicherte Wert verifiziert. Wenn Shopware den Wert verwirft — z.B. wegen Vererbungslogik bei Varianten — erscheint ein Warnhinweis statt fälschlich Erfolg.

Quickview-Modal

Pro Zeile öffnet das Quickview-Icon ein kompaktes Modal mit den wichtigsten Stammdaten — ohne Wechsel in die volle Detailansicht. Ideal für serielle Pflege.

Sektionen im Modal

  • Artikel-Basisdaten: Artikelnummer, Name, EAN, MPN, Aktiv-Status
  • Preise: Brutto/Netto, Einkaufspreis, Omnibus-Preis
  • Bestand & Versand: Bestand, Wiederauffüllzeit, Closeout, Versandkostenfrei
  • Bestellmengen: Min/Max/Schrittweite
  • Beschreibung als Textarea
  • SEO: Meta-Title, Meta-Description, Suchbegriffe

Welche Felder pro Sektion sichtbar sind, steuerst du in der Konfigmatrix unter „Quickview". Sektionen ohne aktivierte Felder werden automatisch ausgeblendet — kein leerer Akkordeon-Header.

Variantenanzeige

Variantsartikel werden als Hauptartikel-Zeile dargestellt mit Badge der Variantenzahl. Klick aufs Plus-Icon klappt die Varianten inline darunter aus — Lazy-Loading: Sie werden erst beim Aufklappen geladen.

Performance bei großen Katalogen

Bei 1000+ Produkten zeichnet der Browser nur sichtbare Zeilen via content-visibility: auto. Spürbar flüssigeres Scrollen ohne sichtbare UI-Änderung. Zusätzlich:

  • Zeilenanzahl wählbar: 10 / 25 / 50 / 100 / 200 / 500
  • Sticky Pagination oben und unten
  • Schnell-zurück-nach-oben-Button