Esaminare le selezioni non e piu un problema
Quando un cliente finalizza la sua selezione di foto, il fotografo deve verificare che tutto sia corretto: le immagini scelte, i prodotti associati e i commenti. Finora, questa verifica avveniva in una tabella con miniature di 80 pixel. Con 200 selezioni, l'esperienza era lenta e poco visiva.
Con questo aggiornamento, il pannello selezioni clienti include una modalita griglia che mostra le foto in formato grande, organizzate in una griglia responsive fino a 8 colonne.
Cosa cambia nella pratica
Vista griglia
Quando apri la scheda selezioni di una sessione, ora vedi un pulsante nell'angolo in alto a destra per passare dalla vista tabella alla vista griglia. La griglia mostra ogni foto in formato quadrato occupando tutto lo spazio disponibile. Le foto che hanno prodotti o commenti associati mostrano un'icona indicatrice nell'angolo in alto a sinistra.
Pannello dettagli espandibile
Cliccando sull'icona di una foto nella griglia, si apre un pannello proprio sotto la riga corrispondente. Questo pannello mostra il nome del file, i prodotti collegati con le loro varianti e prezzi, e il commento del cliente. Cliccando di nuovo o su un'altra foto, il pannello si chiude o si sposta.
Visualizzatore a schermo intero
Sia nella vista tabella che nella griglia, ogni miniatura ha un pulsante di zoom che appare al passaggio del mouse. Cliccandolo, si apre il visualizzatore di immagini a schermo intero con navigazione da tastiera e pulsanti laterali. Le foto vengono caricate a risoluzione completa, non come miniature.
Colonne intelligenti nella tabella
La vista tabella ora nasconde automaticamente le colonne di prodotti e commenti quando nessuna selezione contiene dati in quelle colonne. Se il cliente ha selezionato solo foto senza prodotti ne commenti, la tabella mostra solo la colonna immagine con tutta la larghezza disponibile.
Copia selezioni dalla scheda
Il pulsante per copiare i nomi delle foto selezionate e stato spostato dal footer del modal direttamente nell'header della scheda selezioni. Premendolo, i nomi vengono copiati negli appunti e l'icona cambia in un segno di spunta verde per due secondi come conferma visiva.
Cartelle in entrambe le modalita
Se la sessione ha cartelle configurate, sia la tabella che la griglia raggruppano le foto per cartella con separatori visivi. Le foto senza cartella appaiono alla fine in una sezione "Altre immagini".
Come appare nella pratica
| Funzione | Vista tabella | Vista griglia |
|---|---|---|
| Dimensione immagine | 80x80 px | Si adatta alla larghezza |
| Prodotti | Colonna dedicata | Pannello espandibile |
| Commenti | Colonna dedicata | Pannello espandibile |
| Ingrandire foto | Pulsante hover | Pulsante hover |
| Cartelle | Righe separatrici | Sezioni con titolo |
| Copiare nomi | Pulsante header | Pulsante header |
Prestazioni con molte selezioni
Il componente e ottimizzato per sessioni con centinaia di selezioni. Ogni scheda della griglia utilizza la memorizzazione per evitare ri-rendering non necessari. I nomi dei file e gli indici vengono pre-calcolati una sola volta e riutilizzati in tutte le viste. Il visualizzatore a schermo intero viene montato tramite un portale separato che non interferisce con le prestazioni della griglia.
Il team di PhotoHeart