L'opzione Campione di immagine permette ai clienti di scegliere tra un insieme di immagini con nome, dove ogni scelta cambia davvero l'illustrazione mostrata sul canvas. È l'opzione da usare quando un design ha vere varianti visive, come diverse combinazioni di colori della stessa illustrazione, invece di un semplice selettore di scelte come un Elenco di scelte.

Per aggiungerla, vai su Set di opzioni nella barra laterale, apri il set di opzioni del tuo prodotto, fai clic su Aggiungi opzione, scegli Campione di immagine sotto Elenco di scelte, poi fai clic su Aggiungi.

Set di opzioni nella navigazione della barra laterale
Pulsante Aggiungi opzione nell'editor del set di opzioni
Menu Aggiungi opzione con Campione di immagine selezionato sotto Elenco di scelte

Contenuto

La sezione Contenuto controlla l'etichetta, le immagini tra cui i clienti scelgono e come vengono mostrate.

  • Etichetta: il nome del campo mostrato sopra il selettore, per impostazione predefinita "Image swatch"
  • Immagine predefinita: un'immagine di riserva indipendente, scelta tra tutte le risorse della tua libreria, che non è necessariamente uno dei valori del campione riportati sotto
  • Set di immagini: all'inizio è vuoto; per popolarlo usa Aggiungi immagine (carica o scegli un singolo file) e Importa da cartella (aggiunge in blocco tutti i file già presenti in una cartella di Risorse)
Pannello Contenuto con Etichetta, Immagine predefinita e Set di immagini vuoto, con i pulsanti Aggiungi immagine e Importa da cartella

Facendo clic su Importa da cartella si apre la libreria Risorse. Campione di immagine legge direttamente i file immagine della cartella stessa, quindi una cartella semplice come "Choose Color" funziona così com'è. Seleziona la casella della cartella nell'elenco Cartelle (non aprirla: fare clic sul nome di una cartella la apre invece di selezionarla) e fai clic su Fatto.

Finestra Immagini con la casella della cartella Choose Color selezionata nell'elenco Cartelle

Ogni file di quella cartella diventa un valore del Set di immagini, con il nome del file come nome, e il primo viene impostato automaticamente come Predefinito.

Pannello Contenuto dopo l'importazione, con Black, Blue, Brown, Green, Navy e Pink nel Set di immagini e Black contrassegnato come Predefinito
  • Stile di visualizzazione: scegli Miniatura per mostrare ogni valore come tessera con immagine, Pulsante per mostrarli come pulsanti di testo oppure Menu a discesa per mostrarli come menu di selezione
Anteprima del set di opzioni con lo stile di visualizzazione Pulsante, con ogni colore come pulsante con etichetta
Anteprima del set di opzioni con lo stile di visualizzazione Menu a discesa come menu di selezione

Come viene mostrato sul canvas

È ciò che distingue Campione di immagine da un Elenco di scelte: scegliere un valore non si limita a registrare una scelta, ma ridisegna il livello del canvas dell'opzione con quell'immagine. Selezionando Pink l'illustrazione sul mockup del prodotto passa subito alla versione rosa.

Canvas e anteprima del set di opzioni dopo la selezione di Pink, con l'illustrazione del gatto rosa applicata sulla maglietta

Condizione

Come la maggior parte dei tipi di opzione, Campione di immagine supporta condizioni proprie, quindi puoi mostrarla o nasconderla in base a un'altra selezione presente nel set di opzioni. Poiché ogni valore ha un proprio nome (Black, Blue, Brown...), questi nomi compaiono anche come voci separate nei selettori Condizione delle altre opzioni, come avviene per le scelte di un Elenco di scelte. Consulta la guida sui set di opzioni condizionali se vuoi configurarla.

Aggiornato il: 17/07/2026