Campioni di prodotto
I clienti hanno grandi aspettative sulla scelta di un colore ed è fondamentale che le descrizioni del prodotto rappresentino accuratamente ogni colore, motivo o texture disponibile. Ad esempio, i pantaloni nell’esempio seguente non sono disponibili in rosso, verde e blu. Piuttosto, sono disponibili solo in tonalità specifiche di rosso, verde e blu, che sono probabilmente uniche per questo prodotto.
Per prodotti configurabili, il colore può essere indicato da un campione visivo, un campione di testo o un controllo di input. I campioni possono essere utilizzati nella pagina del prodotto, negli elenchi di prodotti e nella navigazione a più livelli. Nella pagina del prodotto, i campioni vengono sincronizzati per visualizzare l'immagine del prodotto corrispondente quando il campione viene selezionato. Quando il cliente seleziona il campione, il valore corrispondente viene visualizzato nel campo di input e il campione viene indicato come selezione corrente.
NOTENo nella pagina Attribute Edit dell'amministratore.Campioni basati su testo
Se un'immagine non è disponibile per un campione, il valore dell'attributo viene visualizzato come testo. Un campione basato su testo è simile a un pulsante con un’etichetta di testo e si comporta come un campione con un’immagine. Quando si utilizzano campioni basati su testo per visualizzare le dimensioni disponibili, le dimensioni non disponibili vengono cancellate.
Campioni nella navigazione a livelli
I campioni possono essere utilizzati anche nella navigazione a livelli, se la proprietà Use in Layered Navigation dell'attributo color è impostata su Yes. L'esempio seguente mostra campioni di immagini a colori e basati su testo in una navigazione a più livelli.
Creare campioni per i prodotti
I campioni possono essere definiti come componente dell'attributo color o impostati localmente per un prodotto specifico e caricati come immagini prodotto.
Negli esempi precedenti, i pantaloni "Sylvia Capri" sono disponibili in valori specifici di red, green e blue. Poiché i campioni sono stati prelevati dall'immagine del prodotto, ognuno di essi è una rappresentazione fedele del colore. L'attributo color viene utilizzato per gestire le informazioni per tutti i colori e i campioni di prodotto.
Passaggio 1: creare i campioni
Per creare campioni per i prodotti, utilizzate uno dei metodi descritti di seguito.
Metodo 1: aggiungere un campione di colore
-
Per acquisire il colore effettivo di un prodotto, apri l’immagine in un editor di foto e utilizza lo strumento contagocce per identificare il colore esatto e prendere nota del valore esadecimale equivalente.
-
Nella barra laterale Admin, passa a Stores > Attributes>Product.
-
Nella griglia aprire l'attributo color in modalità di modifica.
-
Verificare che Catalog Input Type for Store Owner sia impostato su
Visual Swatch. -
Se preferisci non visualizzare le immagini di prodotto semplici corrispondenti quando il campione è selezionato nella pagina di visualizzazione del prodotto, imposta Update Product Preview Image su
No. -
In Manage Swatch (Values of Your Attribute), fare clic su Add Swatch ed eseguire le operazioni seguenti:
-
Nella colonna Campione, fai clic sul nuovo campione e seleziona Choose a color dal menu.
-
Nel selettore colori, posizionare il cursore nel campo #, eliminare il valore corrente e immettere il valore esadecimale di sei caratteri del nuovo colore.
-
Per salvare il campione, fai clic sull'icona Rotellina colore (
-
Nella colonna Amministratore immettere un'etichetta che descriva il colore all'amministratore dello store.
Se applicabile, puoi anche inserire la traduzione del colore per ogni lingua supportata. Nell'esempio seguente, lo SKU viene incluso come riferimento nell'etichetta Admin perché i colori vengono utilizzati solo per un prodotto specifico. È possibile includere uno spazio o un carattere di sottolineatura nell'etichetta, ma non un trattino.
-
Nella colonna È predefinito selezionare il campione che deve essere l'opzione predefinita.
-
Per modificare l'ordine dei campioni colore, fare clic sull'icona Order
-
-
Al termine, fare clic su Save Attribute e aggiornare la cache quando richiesto.
-
Apri ogni prodotto in modalità di modifica e aggiorna l'attributo Color con il campione corretto.
Per aggiornare più prodotti contemporaneamente, segui la procedura riportata di seguito.
Metodo 2: Caricare un’immagine campione
-
Per catturare un’immagine per un campione, apri l’immagine del prodotto in un editor di foto e salva un’area quadrata dell’immagine che rappresenta il colore, il motivo o la trama.
Se necessario, puoi ripetere questa azione per ogni variante del prodotto.
La dimensione e le dimensioni del campione sono determinate dal tema. In genere, il salvataggio di un'immagine come quadrato consente di mantenere le proporzioni di un motivo.
-
Nella barra laterale Admin, passa a Stores > Attributes>Product.
-
Nella griglia aprire l'attributo color in modalità di modifica.
-
Verificare che Catalog Input Type for Store Owner sia impostato su
Visual Swatch. -
Se preferisci non visualizzare le immagini di prodotto semplici corrispondenti quando il campione è selezionato nella pagina di visualizzazione del prodotto, imposta Update Product Preview Image su
No. -
In Manage Swatch(valori dell'attributo), fare clic su Add Swatch ed eseguire le operazioni seguenti:
-
Nella colonna Swatch fare clic sul nuovo campione per visualizzare il menu e scegliere Upload a file.
-
Individuate il file campione preparato e scegliete il file da caricare.
-
Ripetete questi passaggi per ogni immagine campione.
-
Immetti le etichette per l’amministratore e la vetrina.
In questo esempio, lo SKU viene incluso nell’etichetta Amministratore come riferimento, perché questi colori vengono utilizzati solo per un prodotto specifico. È possibile includere uno spazio o un carattere di sottolineatura nell'etichetta, ma non un trattino.
-
-
Al termine, fare clic su Save Attribute e aggiornare la cache quando richiesto.
-
Aprire ogni prodotto in modalità di modifica e aggiornare l'attributo Color con il campione corretto.
Per aggiornare più prodotti contemporaneamente, segui la procedura riportata di seguito.
