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.

Eigene Spalten

Über den Button „Eigene Spalte" (oben rechts in der Spalten-Konfiguration) legst du eine Spalte mit eigenem Namen und Quellfeld an - ein Stammdatenfeld (Erscheinungsdatum, Bestand, Maße, Datumsfelder, …) oder ein beliebiges Zusatzfeld. Die Quellfeld-Auswahl ist ein durchsuchbares Dropdown mit Gruppen (Stammdaten / Zusatzfelder). Optional als sortierbar markierbar (Sortierung über den DAL-Pfad des Feldes per Klick auf den Spaltenkopf). Werte werden automatisch formatiert (Datum deutsch, Ja/Nein bei Boolean). Neue Spalten sind einordbar, entfernbar und werden persistent 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