Come impostare i campioni di colore in Be Yours 7.1.0 o versione successiva

Se utilizzi Be Yours versione 7.1.0 o successiva , queste informazioni riguardano te.

Negli ambienti di vendita al dettaglio online, i campioni di colore rappresentano un prezioso strumento digitale. Facilitano la selezione del cliente rappresentando visivamente lo spettro di opzioni di colore disponibili per un particolare prodotto.

Senza campioni di colore
Abilita campioni di colore

Impostazione dei campioni di colore

  1. Innanzitutto, abilita i campioni di colore

    Nella sezione Informazioni sul prodotto 1 > blocco Selettore varianti 2 > Abilita campioni di colore 3

  2. In secondo luogo, impostare il trigger

    Utilizzeremo "Colore" come trigger come [1] nell'immagine seguente.

    • Vai su [Menu Temi] > [Modifica contenuto tema predefinito] e digita trigger nella barra di ricerca. Lo troverai in [Prodotti] > Attivazione campione colore .

    • In questo esempio, impostiamo il trigger su Color . Ricorda, puoi personalizzare questo attivatore in modo che corrisponda al nome effettivo dei nomi delle opzioni del tuo prodotto.

      Attiva tramite il menu tematico
      Nome dell'opzione nel prodotto
    • Questo passaggio estrae automaticamente i valori dall'opzione Colore del prodotto (ad esempio, Nero, Bianco...) da impostare nella pagina del prodotto. (vedi immagine sotto)

      Nelle pagine
      Valori dal prodotto
  3. Infine, visualizzazione della selezione del campione

    Sono disponibili 2 stili per la visualizzazione dei campioni:

    • Immagini varianti

      Questa impostazione fa sì che i campioni di colore rispecchino le immagini avatar assegnate alle opzioni di colore del prodotto .

      Valori di colore nel prodotto
      Visualizzazione dei campioni di colore

      Quindi fare clic su Salva per terminare.

    • Campioni personalizzati visualizzati nei seguenti ordini:

      1. Innanzitutto, il sistema esegue la scansione della [casella di configurazione] tramite [Impostazioni tema]:

        All'interno della casella Configurazione, i campioni di colore sono definiti da:

        • Codice HEX personalizzato
        • Nomi file immagine corrispondenti : è necessario caricare l'immagine nel Pannello di amministrazione > Contenuto > File prima di utilizzare il nome file immagine.

        Fare riferimento alle due immagini seguenti per esempi di colore nero .

        Codice HEX personalizzato Nomi dei file di immagine corrispondenti

        File immagine caricato nella dashboard di amministrazione:

        Immettere esattamente il nome del file nella casella Configurazione

      2. Se non è presente alcun valore nella casella Configurazione , il sistema ricerca i file immagine corrispondenti: i nomi devono corrispondere ai valori delle opzioni. Supporta vari formati, come: PNG, JPG, WebP.

        Ad esempio, il valore del nero corrisponde al file black.png

        • Carica le immagini che corrispondono ai nomi dei colori nella dashboard di amministrazione > Contenuto > File .

        • Il sistema trova e utilizza automaticamente queste immagini come campioni.

        I nomi delle immagini seguono queste regole:

          • Le maiuscole diventano minuscole.
          • Gli spazi e altri caratteri speciali diventano trattini.

        Ad esempio : i campioni Navy blue dovrebbero essere denominati navy-blue.png

      3. Fallback con codice esadecimale

        Se non viene trovato alcun valore nella casella Configurazione e nessuna immagine corrispondente , il sistema utilizza il codice esadecimale dell'opzione colore (ad esempio, #000000 per Nero ) per creare un campione di colore.

      4. Se nessuna delle tre condizioni precedenti è soddisfatta , Campione vuoto (ultima risorsa):

        Se non sono disponibili né un'immagine né un codice esadecimale valido, il campione apparirà vuoto (simile al bianco, ma non un vero bianco).

Queste sono tutte le impostazioni dei campioni di colore per la versione 7.1.0 o successiva. Sentiti libero di contattare il nostro team di supporto se hai bisogno di aiuto.