Auswahl pruefen war noch nie so einfach
Wenn ein Kunde seine Fotoauswahl abschliesst, muss der Fotograf pruefen, ob alles korrekt ist: die gewaehlten Bilder, zugeordnete Produkte und Kommentare. Bisher erfolgte diese Pruefung in einer Tabelle mit 80-Pixel-Miniaturbildern. Bei 200 Auswahlen war das Erlebnis langsam und wenig visuell.
Mit diesem Update enthaelt das Kundenauswahl-Panel einen Rastermodus, der Fotos in groesserer Darstellung in einem responsiven Raster mit bis zu 8 Spalten anzeigt.
Was sich in der Praxis aendert
Rasteransicht
Wenn Sie den Auswahl-Tab einer Sitzung oeffnen, sehen Sie nun oben rechts eine Schaltflaeche zum Umschalten zwischen Tabellen- und Rasteransicht. Das Raster zeigt jedes Foto im quadratischen Format und nutzt den verfuegbaren Platz. Fotos mit zugeordneten Produkten oder Kommentaren zeigen ein Hinweissymbol in der oberen linken Ecke.
Erweiterbarer Detailbereich
Ein Klick auf das Symbol eines Fotos im Raster oeffnet einen Bereich direkt unter der entsprechenden Zeile. Dieser Bereich zeigt den Dateinamen, verknuepfte Produkte mit Varianten und Preisen sowie den Kundenkommentar. Ein erneuter Klick oder ein Klick auf ein anderes Foto schliesst oder verschiebt den Bereich.
Vollbild-Betrachter
Sowohl in der Tabellen- als auch in der Rasteransicht hat jedes Miniaturbild eine Zoom-Schaltflaeche, die beim Ueberfahren mit der Maus erscheint. Ein Klick darauf oeffnet den Vollbild-Bildbetrachter mit Tastaturnavigation und seitlichen Schaltflaechen. Fotos werden in voller Aufloesung geladen, nicht als Miniaturbilder.
Intelligente Spalten in der Tabelle
Die Tabellenansicht blendet nun automatisch die Produkt- und Kommentarspalten aus, wenn keine Auswahl Daten in diesen Spalten enthaelt. Wenn der Kunde nur Fotos ohne Produkte oder Kommentare ausgewaehlt hat, zeigt die Tabelle nur die Bildspalte in voller verfuegbarer Breite.
Auswahl aus der Karte kopieren
Die Schaltflaeche zum Kopieren der ausgewaehlten Fotonamen wurde vom Modal-Footer direkt in den Header der Auswahlkarte verschoben. Beim Druecken werden die Namen in die Zwischenablage kopiert und das Symbol wechselt fuer zwei Sekunden zu einem gruenen Haekchen als visuelle Bestaetigung.
Ordner in beiden Modi
Wenn die Sitzung konfigurierte Ordner hat, gruppieren sowohl Tabelle als auch Raster die Fotos nach Ordner mit visuellen Trennern. Fotos ohne Ordner erscheinen am Ende in einem Bereich "Andere Bilder".
So sieht es in der Praxis aus
| Funktion | Tabellenansicht | Rasteransicht |
|---|---|---|
| Bildgroesse | 80x80 px | Passt sich der Breite an |
| Produkte | Eigene Spalte | Erweiterbarer Bereich |
| Kommentare | Eigene Spalte | Erweiterbarer Bereich |
| Foto vergroessern | Hover-Schaltflaeche | Hover-Schaltflaeche |
| Ordner | Trennzeilen | Bereiche mit Titel |
| Namen kopieren | Header-Schaltflaeche | Header-Schaltflaeche |
Leistung bei vielen Auswahlen
Die Komponente ist fuer Sitzungen mit Hunderten von Auswahlen optimiert. Jede Rasterkarte verwendet Memoisierung, um unnoetige Neu-Renderings zu vermeiden. Dateinamen und Indizes werden einmal vorberechnet und in allen Ansichten wiederverwendet. Der Vollbild-Betrachter wird ueber ein separates Portal gemountet, das die Rasterleistung nicht beeintraechtigt.
Das PhotoHeart-Team