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.

Campioni in una pagina di 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.

NOTE
Gli attributi dei campioni possono essere configurati in modo da non visualizzare le immagini di prodotto semplici corrispondenti quando il campione viene selezionato impostando il valore dell'opzione Update Product Preview Image ​su No 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.

La selezione di campioni basati su testo mostra le dimensioni esaurite

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.

Campioni visualizzati in navigazione a 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

  1. 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.

    Valori esadecimali dei colori {width="400"}

  2. Nella barra laterale Admin, passa a Stores > Attributes>Product.

  3. Nella griglia aprire l'attributo color in modalità di modifica.

  4. Verificare che Catalog Input Type for Store Owner sia impostato su Visual Swatch.

  5. 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.

  6. In Manage Swatch (Values of Your Attribute), fare clic su Add Swatch ​ed eseguire le operazioni seguenti:

    Gestisci valori campione {width="600" modal="regular"}

    • Nella colonna Campione, fai clic sul nuovo campione e seleziona Choose a color dal menu.

      Scegli un colore campione {width="500" modal="regular"}

    • Nel selettore colori, posizionare il cursore nel campo #, eliminare il valore corrente e immettere il valore esadecimale di sei caratteri del nuovo colore.

      Immettere il valore esadecimale {width="500" modal="regular"}

    • Per salvare il campione, fai clic sull'icona Rotellina colore ( Icona colore ) nell'angolo inferiore destro del selettore 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 Ordinamento e trascinare l'elemento in una nuova posizione nell'elenco.

      Etichette campione {width="400"}

  7. Al termine, fare clic su Save Attribute e aggiornare la cache quando richiesto.

  8. 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

  1. 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.

    Immagini campione {width="400"}

  2. Nella barra laterale Admin, passa a Stores > Attributes>Product.

  3. Nella griglia aprire l'attributo color in modalità di modifica.

  4. Verificare che Catalog Input Type for Store Owner sia impostato su Visual Swatch.

  5. 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.

  6. 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.

      Immettere le etichette {width="500" modal="regular"}

  7. Al termine, fare clic su Save Attribute e aggiornare la cache quando richiesto.

  8. 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.

Passaggio 2: aggiornare i prodotti

  1. Nella barra laterale Admin, passa a Catalog > Products.

  2. Utilizzare Filter per visualizzare l'elenco in base al nome o allo SKU e includere solo i prodotti applicabili.

  3. Nella griglia, seleziona la casella di controllo di ciascun prodotto a cui si applica il campione.

  4. Imposta Actions su Update Attributes.

    In questo esempio, vengono selezionate tutte le configurazioni blu dei pantaloni.

    Aggiorna attributi campione prodotto {width="600" modal="regular"}

  5. Scorrere verso il basso fino all'attributo Color e selezionare la casella di controllo Change.

    Cambia casella di controllo {width="400"}

  6. Scegliere il campione applicabile ai prodotti selezionati e fare clic su Save.

  7. Quando richiesto, aggiorna la cache.

    Campione visualizzato nella vetrina {width="200"}

Aggiungere campioni a un prodotto semplice

  1. Nella barra laterale Admin, passa a Catalog > Products.

  2. Apri un prodotto in modalità di modifica, controlla lo stato del prodotto (dovrebbe essere abilitato).

  3. Fare clic sul pulsante Create Configurations (sotto la scheda Configurations).

  4. Nella finestra popup, scegliere l'attributo Colore e Next.

  5. Selezionate i campioni colore dall'attributo che desiderate includere nel prodotto.

  6. Nella barra di avanzamento, fare clic su Next.

  7. Configurare immagini, prezzo e quantità.

    In questo passaggio, imposta le immagini, il prezzo e la quantità di ciascuna configurazione. Le opzioni disponibili sono le stesse per ciascuno di essi ed è possibile sceglierne solo una. Puoi applicare la stessa impostazione a tutte le SKU, applicare un’impostazione univoca a ciascuna SKU o saltare le impostazioni per il momento.

  8. Al termine della configurazione di immagini, prezzo e quantità, fare clic su Next nell'angolo superiore destro.

    Le varianti di prodotto correnti vengono visualizzate nella parte inferiore della sezione Configurazione. Se si è soddisfatti delle configurazioni, fare clic su Generate Products.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071