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 di design, Pagina del prodotto → Layout di pagina → Varianti di prodotto → Voce Opzioni colore, Menu Stile pulsanti variante .
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 → Elenco valori attributi → Colori.
Come creare il colore esatto per un prodotto
Nell'amministrazione, accedere alla sezione Prodotti → Elenco valori attributi → Colori e fare clic su Aggiungi.
Specificare il titolo del colore in tutte le lingue disponibili.
Nel campo Colore per filtro, selezionare sotto quale colore questa tonalità apparirà nel filtro.
4. Icona Carica 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: SKU 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 → Elenco valori attributi → 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 → Elenco valori attributi → Colori per filtro del pannello di amministrazione.
Come creare un nuovo colore per il filtro
Accedere a Prodotti → Elenco valori attributi → Colori per filtro e fare clic su Aggiungi.
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.
Ora è possibile utilizzare il colore creato per il filtro per combinare le tonalità in Prodotti → Elenco valori attributi → Colori. Questo è necessario affinché i prodotti che hanno un colore designato siano visibili ai clienti durante il filtraggio.