Concept supporta l'aggiunta di etichette personalizzate alle schede prodotto, che vedresti nelle pagine della collezione o nella sezione della collezione in primo piano.
Ogni prodotto può essere decorato con una o più etichette personalizzate, tutte accomunate da un colore di sfondo personalizzabile. Questa funzionalità utilizza i metafield , quindi aggiungi semplicemente le definizioni dei metafield e assegna le etichette ai prodotti desiderati.
Su questa pagina
- Aggiunta di nuove definizioni di metafield
- Impostazione delle etichette e del colore di sfondo per un prodotto
Aggiunta di nuove definizioni di metafield
In alcuni casi, potrebbe essere necessario visualizzare le informazioni sul prodotto caso per caso. La funzionalità di origine dinamica del tema Concept ti consente di creare informazioni personalizzate sul prodotto utilizzando i metafield, fornendo una soluzione versatile per le tue specifiche di prodotto uniche.
Questa guida approfondirà l'utilizzo di fonti dinamiche e metafield per liberare tutto il potenziale della personalizzazione del tema.
Su questa pagina
- Aggiunta di una nuova definizione di metacampo
- Assegnazione di valori metafield per il prodotto collegando l'origine dinamica
Aggiunta di una nuova definizione di metacampo
Prerequisito essenziale: prima di applicare metafield standard o personalizzati, assicurati di aver esaminato la guida di Shopify sull'aggiunta delle definizioni di metafield.
Nota:
Questo passaggio deve essere eseguito solo una volta e interesserà tutti i prodotti. Se lo hai già fatto, saltalo. Poiché i metafield funzionano indipendentemente dal tema, non è necessario eseguire nuovamente questo passaggio quando aggiorni o reinstalli il tema.
Segui questi passaggi per aggiungere il metacampo "Caratteristiche del prodotto":
Nella dashboard dell'amministratore di Shopify > Impostazioni > Dati personalizzati .
Scegli la parte del negozio a cui vuoi aggiungere un nuovo campo. Ad esempio, aggiungiamo il nuovo campo a Products .
Dopo aver scelto i Prodotti, fai clic sul pulsante Aggiungi definizione nell'angolo in alto a destra.
Nella casella Aggiungi definizione metacampo prodotto, imposta i dettagli del nuovo metacampo, tra cui:
- Nome :
Product label
- Spazio dei nomi e chiave :
theme.label
- Descrizione (facoltativa): aggiungiamo la riga descrittiva "Aggiungi informazioni chiave per descrivere il prodotto".
- Seleziona il tipo di contenuto : esistono diversi tipi di contenuto come testo di riga, numero intero, data e ora, file, ecc. In questa impostazione, selezioniamo Testo .
- Selezionare Testo a riga singola quindi scegliere Elenco di valori . Utilizzando un elenco di valori, hai la possibilità di aggiungere più etichette per un prodotto.
- Nome :
- Fare clic su Salva per salvare la definizione.
A questo punto dovresti vedere l' etichetta Prodotto nell'elenco delle definizioni.
Ora dobbiamo aggiungere un'altra definizione per memorizzare il colore di sfondo dell'etichetta. Fare di nuovo clic su Aggiungi definizione .
Nella casella Aggiungi definizione metacampo prodotto, imposta i dettagli del nuovo metacampo, tra cui:
- Nome :
Product label color
- Spazio dei nomi e chiave :
theme.label_color
- Seleziona il tipo di contenuto > quindi seleziona Colore .
- Nome :
Fare clic su Salva per salvare la definizione.
A questo punto dovresti vedere il colore dell'etichetta del prodotto nell'elenco delle definizioni.
Assegnazione di valori metafield per il prodotto collegando l'origine dinamica
Nel tuo pannello di controllo, in Prodotti , fai clic sul prodotto a cui desideri aggiungere le etichette.
Scorri verso il basso fino ai Metafield , quindi fai clic su Mostra tutto per aprire i valori dei metafield del prodotto.
Dovresti vedere l' etichetta del prodotto e il colore dell'etichetta del prodotto qui.
Per impostare il colore di sfondo delle etichette, fai clic sul campo Colore etichetta prodotto , quindi scegli il colore desiderato.
Nota:
Il testo delle etichette è sempre bianco puro (codice esadecimale
#ffffff
). Pertanto, si consiglia di scegliere un colore che contrasti con il bianco per garantire la leggibilità.Per impostare le etichette, fare clic sul campo Etichetta prodotto . Inserisci la tua etichetta nella casella di testo predefinita. Ad esempio, nello screenshot seguente, "Nuovo" è la mia etichetta. Se desideri aggiungere più etichette, fai semplicemente clic su Aggiungi elemento per aggiungere un'altra casella di testo, quindi inserisci il valore desiderato.
Fare clic su Salva per salvare le modifiche.
Completa queste configurazioni e il prodotto "Flow Harmony Liz" otterrà automaticamente l'etichetta Hot , aumentando la sua visibilità nella sezione In primo piano (come mostrato di seguito).
Speriamo che questo articolo sia stato utile. Se hai domande o dubbi su questa funzionalità, non esitare a contattare il nostro team per ricevere supporto.