Un cliente che seleziona il colore verde e continua a vedere le foto del modello rosso non ha alcun motivo di fidarsi di ciò che ordina. Il comportamento atteso è evidente, ma PrestaShop non lo produce da solo.
Come PrestaShop associa immagini e varianti
Il meccanismo esiste in modo nativo. Nella scheda delle combinazioni di un prodotto, ogni combinazione può essere associata a una o più immagini tra quelle della scheda.
Due limiti spiegano perché questo non funziona come previsto in molti negozi.
L’associazione è puramente manuale, immagine per immagine e combinazione per combinazione. Su un prodotto con quindici varianti e dodici foto l’esercizio è lungo e nessuno lo fa sull’intero catalogo.
Soprattutto, l’associazione non determina il comportamento della galleria. A seconda del tema, la selezione di una variante può filtrare le immagini, cambiarne una sola o non fare nulla. Decide il tema, non l’associazione.
I tre comportamenti possibili
Non cambiare nulla. Tutte le immagini restano visibili qualunque sia la selezione. È il comportamento più frequente, e il peggiore: il cliente deve indovinare quali corrispondono alla sua scelta.
Cambiare l’immagine principale. La foto di copertina passa a quella della variante, le miniature restano invariate. Comportamento intermedio, accettabile sui prodotti con poche foto.
Filtrare la galleria. Restano visibili solo le immagini associate alla variante selezionata. È il comportamento atteso dai clienti, e quello che riduce i resi.
Un quarto comportamento merita considerazione: filtrare tenendo in fondo alla galleria le immagini comuni a tutte le varianti, tipo schema tecnico o dettaglio del materiale.
Galleria Prodotto PrestaShop — Zoom HD, Schermo Intero e VariantiGalleria prodotto di nuova generazione: zoom HD, miniature verticali, schermo intero mobile con pinch e filtro immagini per combinazione.€69.00
Il caso delle varianti senza immagine
Situazione sistematica appena il catalogo cresce: un nuovo colore viene creato prima che le foto siano scattate.
Il filtro rigido produce allora una galleria vuota, cosa ben peggiore dell’assenza di filtro. Il comportamento di ripiego deve essere esplicito: se nessuna immagine è associata alla variante selezionata, la galleria mostra tutte le immagini del prodotto.
Prevedete anche un controllo in back-office che elenchi le combinazioni senza immagine associata. È un compito di manutenzione da cinque minuti al mese che evita settimane di schede degradate.
La trappola degli attributi multipli
Punto di progettazione che decide la fattibilità dell’esercizio.
Un prodotto con cinque colori e sei taglie conta trenta combinazioni. Ma le foto variano solo in base al colore: la taglia M e la taglia L del modello verde usano gli stessi visual.
Associare le immagini alle trenta combinazioni significa ripetere cinque volte lo stesso lavoro per colore. L’approccio corretto consiste nell’associare le immagini all’attributo visivo anziché alla combinazione completa, lasciando che il sistema risolva.
In concreto, la regola utile è: individuate l’attributo o gli attributi che cambiano l’aspetto, di solito il colore e a volte il materiale, e associate solo su quelli.
La coerenza sulle altre posizioni
La galleria della scheda non è l’unico punto coinvolto, ed è ciò che si dimentica più spesso.
Nell’elenco di categoria, se proponete pastiglie colore al passaggio del mouse, l’immagine della miniatura deve seguire il colore sorvolato.
Nell’anteprima rapida, il comportamento deve essere identico a quello della scheda, altrimenti il cliente rileva un’incoerenza tra le due viste.
Nel carrello e nelle email d’ordine, l’immagine deve essere quella della variante ordinata, non la copertina del prodotto. È un dettaglio che evita reclami del tipo «non è quello che ho ordinato».
Le prestazioni
Filtrare le immagini lato browser presuppone di averle caricate tutte. Su un prodotto con quaranta foto distribuite su otto colori, questo rappresenta un peso importante per un cliente che ne vedrà solo cinque.
Due soluzioni. Il caricamento differito delle immagini non visualizzate, che le scarica solo quando diventano visibili. Oppure il caricamento su richiesta al cambio di variante, che risparmia di più ma aggiunge una latenza percepibile.
Sulla maggior parte dei cataloghi, il caricamento differito basta e resta più semplice da mantenere.
Lo zoom e lo schermo intero
Ultimo punto di coerenza: la vista ingrandita deve essere filtrata come la galleria. Un cliente che apre lo schermo intero su un colore e scorre fino a vedere tutti gli altri perde la fiducia che il filtro aveva appena costruito.
Il modulo Galleria Prodotto per PrestaShop copre questa catena su PrestaShop 8 e 9: filtro delle immagini secondo la variante selezionata con ripiego quando nessuna immagine è associata, coerenza tra galleria, zoom e schermo intero, e caricamento differito dei visual non mostrati.