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.
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