Shopify ti consente di aggiungere immagini alle opzioni del prodotto, in modo che i clienti possano vedere come appare ciascuna scelta. Tuttavia, essendo regolamentato da Shopify, puoi associare una sola immagine a un valore di opzione. Quindi, la domanda è: come avere più immagini associate a un'opzione?
C'è una risposta in Concept , in cui puoi specificare determinate immagini per un valore di opzione . Questa funzione è particolarmente adatta per l'opzione colore, ma puoi usarla completamente per altri scopi che desideri.
Su questa pagina
- Requisiti
- Scegliere un'opzione
- Modifica il tag ALT delle immagini
- Imposta (o mantieni) il mio testo alternativo
Requisiti
Questo articolo riguarda la configurazione del tema Concept .
È necessario disattivare il supporto Nascondi altre varianti dopo aver selezionato una variante . Questa opzione è compatibile con il comportamento nativo di Shopify: associa una sola immagine a un valore di opzione.
In Concept , questa opzione è disponibile nelle seguenti sezioni:
- Sezione prodotti in evidenza .
- Sezione informazioni sul prodotto (nelle pagine del prodotto).
Scegli l'opzione che desideri
Guarda il tuo prodotto nel tuo pannello di controllo e scegli un'opzione con cui desideri classificare le tue immagini.
Nell'esempio seguente, ho deciso di scegliere Color . Il prodotto Flow Harmony è disponibile nei colori Gold Tone , Black , Chestnut , Navy e Crimson Shadow e desidero mostrare le rispettive immagini solo quando un utente seleziona un'opzione.
Modifica il tag ALT delle immagini
È necessario modificare il tag alt per specificare il "nome dell'opzione e il valore dell'opzione" a cui appartiene l'immagine:
Passa il mouse sull'immagine e fai clic sul pulsante a sei punti per aprire le informazioni dell'immagine
Fai clic su Aggiungi testo alternativo .
Utilizza il nome dell'opzione che scegli combinando con il valore dell'opzione . La sintassi è molto importante qui e deve essere nel seguente ordine:
-
#
(carattere hashtag) -
option-name
(minuscolo, sostituisci tutti gli spazi con trattini) -
_
(carattere di sottolineatura) -
option-value
(minuscolo, sostituisci tutti gli spazi con trattini)
Ad esempio, se scelgo l'opzione Colore e voglio associare un'immagine al colore Gold Tone , il testo alternativo dovrebbe essere
#color_gold-tone
-
Fare clic su Salva testo alternativo per salvare le modifiche.
Fai lo stesso procedimento per le altre immagini.
Imposta (o mantieni) il mio testo alternativo
Cosa succede se voglio impostare (o mantenere) il mio alt utilizzato per scopi SEO? Basta aggiungere qualsiasi cosa nel campo alt prima del carattere # , in questo modo:
Speriamo che questo articolo sia stato utile. Se hai domande o dubbi su questa funzionalità, non esitare a contattare il nostro team per ricevere supporto.
"
Share:
Posso aggiungere un timer per il conto alla rovescia ai miei prodotti?
Come creare sottocollezioni?