Come impostare i campioni di colore?

Ogni volta che abiliti i campioni di colore , il tema Be 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.

Visualizzazione del campione di colore
Disabilita i campioni di colore Immagini personalizzate Immagini varianti

Su questa pagina

  1. Dov'è questa funzionalità?
  2. Come funziona?
  3. Assegnare un nome ai file dei campioni
  4. 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:

  1. Una volta abilitata questa funzione, Be 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.

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

  3. 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 denominato crimson-shadow.png per il campione di colore.

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

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

  • Tono oro
  • Castagna
  • nera
  • Marina
  • Cremisi Ombra
  • e cerca un HTML color name con lo stesso identico nome OPPURE chosen image in Prodotti > Varianti > Aggiorna immagine variante .

    Tono oro
    Nero
    Castagna
    Marina Militare
    Ombra Cremisi

    3. Assegnare un nome ai file dei campioni

    • Ad esempio, i campioni Black , Chestnut o Navy dovrebbero essere denominati black.png , chestnut.png o navy.png (le maiuscole diventano minuscole).
    • I campioni Gold Tone e Crimson Shadow dovrebbero essere chiamati golde-tone.png e crimson-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'opzione Files e aprila. Clic Caricare files per iniziare a caricare i file dei campioni .png .