Creazione e collegamento di un metaobject

In questo tutorial imparerai a creare un metaobject personalizzato per i punti salienti del prodotto e a visualizzarli sul negozio online. Il metaobject dei punti salienti del prodotto visualizzerà un’immagine, il nome del prodotto, una didascalia e una descrizione.

Questo tutorial illustra le definizioni dei metaobject, la creazione delle voci, la configurazione di un riferimento a un metafield, il collegamento dei prodotti alle voci e, infine, la pubblicazione del metaobject sul negozio online.

In questa pagina

Cosa imparerai

Cosa imparerai

Al termine di questo tutorial, avrai completato le seguenti attività:

Creato un metaobject per i punti salienti del prodotto
Create più voci per i punti salienti del prodotto utilizzando il metaobject creato
Creata una definizione del metafield che fa riferimento al metaobject
Collegate le voci a prodotti specifici
Pubblicate le voci del metaobject

Primo passaggio: crea un metaobject

Dal pannello di controllo Shopify, vai su Impostazioni > Metafield e metaobject.
Nella sezione Definizioni dei metaobject, clicca su Aggiungi definizione.
Assegna alla definizione del metaobject il nome Punti salienti del prodotto.
Clicca su Aggiungi campo e seleziona il tipo di contenuto che desideri visualizzare in questo metaobject. I campi definiscono il contenuto visualizzato nel metaobject e ogni campo ha il proprio set di opzioni e convalide. Per aggiungere il primo campo, seleziona File.
Configura il tipo e le convalide. Assegna al campo il nome Immagine e inserisci una breve descrizione.
In Accesso, Storefront viene selezionato automaticamente. Lascia selezionata questa opzione, in quanto consente l’accesso e la visualizzazione del contenuto da parte del negozio.
Aggiungi il campo immagine al metaobject. Scegli Aggiungi campo > File.

Assegna a questo campo il nome Immagine.
Deseleziona Video per limitare questo metaobject alla sola visualizzazione delle immagini.
Inserisci una descrizione.
Al termine, clicca su Aggiungi.

Aggiungi il campo dell'intestazione al metaobject. Questa volta, come tipo di campo scegli Aggiungi campo > Testo su una sola riga. Procedi come segue:

Assegna a questo campo il nome Intestazione.
Seleziona Usa questo campo come nome visualizzato per utilizzare questo campo come nome della voce nell'indice.
Inserisci una descrizione.
Al termine, clicca su Aggiungi.

Aggiungi il campo della didascalia al metaobject. Clicca su Aggiungi campo > Testo su una sola riga. Procedi come segue:

Assegna a questo campo il nome Didascalia.
Inserisci una descrizione.
Al termine, clicca su Aggiungi.

Aggiungi il campo della descrizione al metaobject. Clicca su Aggiungi campo > Testo su più righe. Procedi come segue:

Assegna a questo campo il nome Descrizione.
Inserisci una descrizione.
Al termine, clicca su Aggiungi.

Salva la nuova definizione del metaobject.

Dopo aver salvato la definizione del metaobject, puoi iniziare a creare le voci.

Secondo passaggio: crea le voci

Dal pannello di controllo Shopify, clicca su Contenuti.
Clicca sulla definizione del metaobject Punti salienti del prodotto su cui basare la nuova voce, quindi clicca su Aggiungi voce.
Compila i campi per la voce:
- Clicca su Seleziona immagine e scegli o carica un’immagine per questo punto saliente del prodotto.
- Aggiungi un Titolo e una Descrizione.
Lo stato viene impostato automaticamente su Attivo. Se non vuoi ancora utilizzare le voci, puoi modificare lo stato in Bozza.
Clicca su Salva.

La voce ha un handle generato, che è un identificatore univoco specifico per una singola voce di contenuto. Dopo aver iniziato a collegare le voci ad aree del negozio, la modifica dell'handle è sconsigliata. Scopri di più sull'impatto della modifica dell'handle di una voce dopo averlo utilizzato nel negozio.

Ripeti i passaggi precedenti per creare altre tre voci basate sulla definizione del metaobject dei punti salienti del prodotto.

Dopo aver salvato la definizione del metaobject e le voci, puoi creare una definizione del metafield che faccia riferimento al metaobject.

Terzo passaggio: crea una definizione del metafield che faccia riferimento al metaobject

Dal pannello di controllo Shopify, vai su Impostazioni > Metafield e metaobject.
Nella sezione Metafield, clicca su Prodotti.
Clicca su Aggiungi definizione. Inserisci un nome e una descrizione univoci, quindi clicca su Seleziona tipo di contenuto.
Clicca su Seleziona tipo, quindi su Metaobject.
Nella sezione Riferimento, seleziona la definizione del metaobject a cui vuoi fare riferimento. Scegli Punti salienti del prodotto. Questo limita la definizione del metafield del prodotto alla sola visualizzazione delle voci correlate al metaobject dei punti salienti del prodotto.
Definisci se questa definizione può visualizzare una singola voce o un elenco di voci. Per questo esempio, scegli l'opzione Elenco di voci.
Nella sezione Accesso, l'opzione Negozi online è selezionata per impostazione predefinita.
Clicca su Salva.

Passaggio quattro: collega i prodotti alle voci

Dal pannello di controllo Shopify, vai a Prodotti.
Seleziona un prodotto su cui desideri visualizzare i punti salienti.
In questo esempio, l’obiettivo è visualizzare solo alcune delle voci create per i punti salienti del prodotto. Nella sezione Metafield del prodotto, clicca sul campo della voce accanto al metafield Punti salienti del prodotto. Se il metafield dei punti salienti del prodotto non è presente nell'elenco, clicca su Mostra tutto.
Clicca su Seleziona voci. In questo passaggio, selezionerai le voci da visualizzare su questo specifico prodotto. Scegli due voci dei punti salienti del prodotto.
Torna alla pagina Prodotti. Seleziona un prodotto diverso e segui il passaggio precedente per assegnare al prodotto due voci diverse per i punti salienti del prodotto.

Successivamente, pubblicherai i metaobject sul negozio online.

Passaggio cinque: pubblica le voci sul negozio online

Ora che hai collegato le voci ai prodotti, è il momento di visualizzarle sul negozio. Questo passaggio utilizza l'editor del tema per selezionare i blocchi e le sezioni in cui verranno collegate le voci dei metaobject.

Dopo aver aggiunto una sezione o un blocco, puoi selezionare un metafield cliccando sul pulsante .

Passaggi:

Dal pannello di controllo Shopify, vai a Negozio online > Temi.
Trova il tema che desideri modificare, quindi clicca su Personalizza.
Utilizza il menu a discesa nella parte superiore dello schermo per selezionare Prodotti > Prodotto predefinito. In questo modo viene caricato il modello di prodotto predefinito nell'editor del tema.
Clicca su Aggiungi sezione nella barra laterale e scegli Multiriga come nuovo tipo di sezione.
Clicca sulla prima riga della sezione Multiriga.
- Le impostazioni per il primo blocco vengono visualizzate nella barra laterale destra. Nel blocco della colonna, puoi selezionare manualmente un'immagine, inserire un'intestazione, aggiungere una didascalia e una descrizione. Puoi anche cliccare sull'icona di ogni singola origine dati e collegare l'impostazione del blocco alla voce desiderata.
Clicca su Collega origine dinamica accanto al nome del blocco per selezionare Punti salienti del prodotto. L'editor del tema popolerà il nuovo blocco multiriga con le voci dei punti salienti del prodotto.
Configura i blocchi rimanenti nella sezione Multiriga oppure rimuovi quelli non utilizzati.
Clicca su Salva per pubblicare le voci relative ai punti salienti del prodotto.

Le voci vengono visualizzate solo sui prodotti a cui sono collegate. Se a un prodotto non è assegnata una voce, la sezione viene lasciata vuota creando uno spazio bianco, anziché essere rimossa del tutto. Il comportamento esatto potrebbe variare a seconda del tema e della sezione utilizzata, quindi testa il modello per assicurarti che soddisfi le tue esigenze.

Se la sezione non viene visualizzata come desideri quando non è presente una voce per il prodotto, valuta la possibilità di creare un nuovo modello di prodotto e di assegnarlo ai prodotti che dispongono di voci.