Il colore è un attributo di sistema che consente agli utenti di selezionare comodamente i prodotti durante gli acquisti.
Esempio di un prodotto con varianti di colore
Vediamo come gestire i colori dei prodotti e quali impostazioni aggiuntive sono disponibili per essi.
Visualizzazione dei colori sul sito web
Sul sito web è possibile visualizzare i colori dei prodotti:
Nella pagina del prodotto;
Nella mini-scheda;
Nei filtri.
Il Colore è il colore o la tonalità specificata direttamente nel prodotto, ad esempio Rosa chiaro, Verde, Lampone. Verrà visualizzato nella pagina del prodotto e nella mini-scheda.
Ma possono esserci diverse tonalità simili, quindi per ogni colore assegniamo un Colore per il filtro , un colore che unirà un gruppo di tonalità nel filtro. Ad esempio, per i colori Rosa chiaro, Rosa brillante e Lampone , il Rosa potrebbe essere scelto come colore filtro.
Visualizzazione dei colori nelle pagine dei prodotti
I colori nella pagina del prodotto e nella mini-scheda possono essere visualizzati come un'anteprima del prodotto o come una normale icona di colore. È possibile cambiare le opzioni di visualizzazione nella sezione Sito web → Design → Editor de design, Product page → Page layout → Product variants → voce Color options, menu Variant buttons style.
Esempi di visualizzazione delle opzioni colore: come anteprima e come icone
Come specificare il colore del prodotto
L'attributo Colore del sistema è disponibile per impostazione predefinita; è sufficiente inserirlo nei prodotti. È possibile farlo in due modi:
Manualmente nel pannello di amministrazione;
Importando il file.
Specificare manualmente il colore nel pannello di amministrazione
È possibile selezionare manualmente il colore esatto del prodotto nelle proprietà della variante. È possibile gestire i colori esistenti e crearne di nuovi in Prodotti → Elenchi di valori → Colori.
Come creare il colore esatto per un prodotto
Nell'amministrazione, accedere alla sezione Prodotti → Elenchi di valori → Colori e fare clic su Aggiungere.
Specificare il Titolo del colore in tutte le lingue disponibili.
Nel campo Colore per il filtro, selezionare sotto quale colore questa tonalità apparirà nel filtro.
4. Carica Icona del colore se si desidera visualizzare una texture o una stampa.
Èpossibile caricare immagini in formato JPG o PNG; la dimensione consigliata è
84x84 pixel.
5. Al posto di un'icona si può usare un normale Colore, scegliendo una tonalità
adatta dalla dalla tavolozza o specificarla come codice HEX.
6. Salvare le modifiche.
Specificare i colori usando l'importazione
Per riempire i valori dei colori utilizzando l'importazione, è necessario preparare una tabella con due colonne: Codice articolo e Colore, quindi importarla nel sito web utilizzando la procedura standard.
In caso di importazione, i nuovi colori vengono creati automaticamente. Successivamente è possibile completare la configurazione in Prodotti → Elenchi di valori → Colori: specificare il nome del colore in tutte le lingue, impostare il Colore per il filtro, caricare l'icona o selezionare il colore effettivo dalla tavolozza.
Filtro per colore
Il colore è l'unico parametro il cui filtro viene visualizzato come icona.
L'elenco completo dei colori che possono essere visualizzati nel filtro si trova nella sezione Prodotti → Elenchi di valori → Colori per il filtro del pannello di amministrazione.
Come creare un nuovo colore per il filtro
Accedere a Prodotti → Elenchi di valori → Colori per il filtro e fare clic su Aggiungere.
Specificare il Titolo del colore in tutte le lingue disponibili.
Selezionare il Colore dalla tavolozza o inserirlo in formato HEX. Se si desidera visualizzare una texture o una stampa invece di un colore normale, caricare un'immagine JPG o PNG nel campo Icona del colore.
Ora è possibile utilizzare il colore creato per il filtro per combinare le tonalità in Prodotti → Elenchi di valori → Colori. Questo è necessario affinché i prodotti che hanno un colore designato siano visibili ai clienti durante il filtraggio.