Ogni volta che abiliti i campioni di colore , il tema Concept ti offre due opzioni per visualizzare i campioni di colore: immagine personalizzata e immagine variante .
Si prega di consultare la tabella seguente per comprendere più facilmente questo articolo.
Disabilita i campioni di colore | Immagini personalizzate | Immagini varianti |
---|---|---|
Su questa pagina
- Dov'è questa funzionalità?
- Come funziona?
- Assegnare un nome ai file dei campioni
- Dov'è l'opzione "File" nel pannello di controllo Shopify?
1. Dov'è questa funzione?
Per regolare l'opzione Combinazioni di colori per la tua pagina, imposta come segue:
-
Nella pagina del prodotto tramite l' editor del tema , seleziona il blocco di selezione delle varianti nella sezione Informazioni sul prodotto .
-
In Campione colore > Tipo campione , ci sarebbero due opzioni: Immagini varianti e Immagini personalizzate .
2. Come funziona?
Per iniziare, abilita le impostazioni del campione di colore e quindi scegli tra Campione di colore o Immagine variante da visualizzare.
2.1 Campione di colore
Configura il tuo campione di colore impostando la casella Configurazione. Si prega di fare riferimento alle seguenti regole per informazioni su come funzionerà questa funzione:
-
Una volta abilitata questa funzione, Concept cercherà i valori di colore nelle impostazioni del tema > Campione colore > casella Configurazione che corrispondono ai nomi delle varianti di colore del tuo prodotto.
-
Se viene trovato il valore del colore , il campione di colore verrà visualizzato utilizzando quel valore.
-
Esempio 1 - utilizzo del codice HEX : la casella Configurazione contiene il seguente valore:
Black:#3a3a3a
Quindi il campione di colore per il Nero verrà visualizzato utilizzando il colore #3a3a3a invece del colore nero predefinito #000000.
-
Esempio 2: utilizzo di un file caricato : la casella Configurazione contiene il seguente valore:
Crimson Shadow:crimson-shadow.webp
Quindi il campione di colore per l'ombra cremisi verrà visualizzato utilizzando l'immagine denominata
crimson-shadow.webp
, che viene caricata nella dashboard di amministrazione di Shopify/Contenuti/File .
-
-
Se il valore del colore non viene trovato nella casella Configurazione, cerca un file
*.png
con lo stesso nome della variante colore.Ad esempio : in questo caso, questa funzionalità utilizzerà un file
*.png
denominatocrimson-shadow.png
per il campione di colore. -
Se il file
*.png
non viene trovato , visualizza il campione di colore utilizzando il nome del colore CSS per la variante colore.Ad esempio : se il valore per la variante di colore "Nero" non viene trovato, il campione di colore visualizzerà il colore nero predefinito,
#000000
. -
Se il colore non ha un valore nella casella di configurazione, un file PNG o un codice HEX , il campione di colore sarà vuoto.
Ad esempio : il colore Castagna non ha valore, file PNG o codice HEX , quindi il campione di colore sarà vuoto.
2.2 Immagine variante
Una volta abilitate le impostazioni del campione colore, Concept cercherà qualsiasi categoria di variante con il nome "Colore" o "Colore".
Per cambiare la parola in qualcosa di diverso da "Colore/Colore" (ad esempio: Couleur in francese) puoi farlo nell'area della tua lingua Menu Temi > Modifica contenuto tema predefinito .
Digita color_swatch_trigger nella barra di ricerca per trovare le impostazioni [Trigger campione colore] .
Il tema esaminerà quindi i nomi delle varianti che hai utilizzato, in questo caso:
e cerca un
HTML color name
con lo stesso identico nome OPPURE chosen image
in Prodotti > Varianti > Aggiorna immagine variante .
3. Assegnare un nome ai file dei campioni
- Ad esempio, i campioni
Black
,Chestnut
oNavy
dovrebbero essere denominatiblack.png
,chestnut.png
onavy.png
(le maiuscole diventano minuscole). -
I campioni
Gold Tone
eCrimson Shadow
dovrebbero essere chiamatigolde-tone.png
ecrimson-shadow.png
(le maiuscole diventano minuscole, gli spazi e altri caratteri speciali diventano trattini).
4. Dov'è l'opzione "File" nel pannello di controllo Shopify?
- Innanzitutto, apri il pannello di controllo Shopify .
- Vai su
Content
, quindi seleziona l'opzioneFiles
e aprila. ClicCaricare files per iniziare a caricare i file dei campioni.png
.
Share:
Creazione di varianti di prodotto per collegarsi a pagine diverse
Aggiunta e rimozione di pulsanti di check-out dinamico