Creazione e collegamento di un metaobject

In questo tutorial imparerai a creare un metaobject personalizzato per i prodotti in evidenza e a mostrarli nel negozio online. Il metaobject dei prodotti in evidenza mostrerà un'immagine, il nome del prodotto, una didascalia e una descrizione.

Questo è un tutorial in introduce le definizioni dei metaobject, la creazione delle voci, la configurazione di un riferimento al metafield, il collegamento dei prodotti alle voci e la pubblicazione del metaobject sul negozio online.

Abilità acquisite

Una volta completato questo tutorial, avrai effettuato le seguenti attività:

• Creazione di un metaobject per i prodotti in evidenza
• Creazione di diverse voci per i prodotti in evidenza utilizzando il metaobject creato
• Creazione di una definizione del metafield con riferimento al metaobject
• Collegamento delle voci a prodotti specifici
• Pubblicazione delle voci del metaobject

Primo passaggio: creazione di un metaobject

1. Dal pannello di controllo Shopify, vai su Impostazioni > Dati personalizzati.

2. In Definizioni dei metaobject clicca su Aggiungi definizione.

3. Assegna il nome Prodotti in evidenza alla definizione del metaobject.

4. Clicca su Aggiungi campo e seleziona il tipo di contenuto che desideri visualizzare nel metaobject. I campi definiscono il contenuto visualizzato nel metaobject e ogni campo dispone di una serie di opzioni e convalide specifiche. Per aggiungere il primo campo, seleziona File.

5. Configura il tipo e le convalide. Nomina il campo Immagine e inserisci una breve descrizione.

6. In Accesso, Vetrina virtuale viene automaticamente selezionata. Mantieni questa opzione selezionata in modo da rendere il contenuto accessibile e visualizzato nel negozio.

7. Aggiungi il campo Immagine al metaobject. Scegli Aggiungi campo > File.

   • Nomina questo campo Immagine.
   • Deseleziona Video per consentire al metaobject di visualizzare unicamente immagini.
   • Inserisci una descrizione.
   • Al termine, clicca su Aggiungi.

8. Aggiungi il campo Titolo al metaobject. In questo caso, seleziona Aggiungi campo > Singola riga di testo come tipo di campo. Effettua le operazioni seguenti:

   • Nomina questo campo Titolo.
   • 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.

9. Aggiungi il campo Didascalia al metaobject. Clicca su Aggiungi campo > Singola riga di testo. Effettua le operazioni seguenti:

   • Nomina questo campo Didascalia.
   • Inserisci una descrizione.
   • Al termine, clicca su Aggiungi.

10. Aggiungi il campo Descrizione al metaobject. Clicca su Aggiungi campo > Testo su più righe. Effettua le operazioni seguenti:

    • Nomina questo campo Descrizione.
    • Inserisci una descrizione.
    • Al termine, clicca su Aggiungi.

11. Salva la definizione del nuovo metaobject.

Una volta salvata la definizione del metaobject, puoi iniziare a creare le voci.

Secondo passaggio: creazione di voci

1. Dal pannello di controllo Shopify clicca su Contenuti.
2. Clicca sulla definizione del metaobject Prodotti in evidenza su cui basare la nuova voce, quindi clicca su Aggiungi voce.

3. Completa i campi relativi alla voce:

   • Clicca su Seleziona immagine e scegli o carica un'immagine per il prodotto in evidenza.
   • Aggiungi un Titolo e una Descrizione.

4. Lo stato è impostato automaticamente su Attivo. Se le voci non sono pronte per essere utilizzate, puoi modificare lo stato in Bozza.

5. Clicca su Salva.

Per la voce viene generato un handle, ovvero un codice identificativo univoco specifico per una singola voce di contenuto. Non è consigliabile modificare l'handle una volta che hai iniziato a collegare le voci alle aree del negozio. Scopri di più sull'impatto della modifica dell'handle di una voce dopo averlo utilizzato nel negozio.

Ripeti i passaggi sopra indicati per creare altre tre voci in base alla definizione del metaobject per i prodotti in evidenza.

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

Terzo passaggio: creazione di una definizione del metafield con riferimento al metaobject

1. Dal pannello di controllo Shopify, vai su Impostazioni > Dati personalizzati.

2. Nella sezione Metafield, clicca su Prodotti.

3. Clicca su Aggiungi definizione. Inserisci un nome e una descrizione univoci, quindi clicca su Seleziona tipo di contenuto.

4. Clicca su Seleziona tipo, quindi su Metaobject.

5. Nella sezione Riferimento seleziona la definizione del metaobject a cui vuoi fare riferimento. Scegli Prodotti in evidenza. In questo modo la definizione del metafield del prodotto mostra solo le voci relative al metaobject del prodotto in evidenza.

6. Definisci se questa definizione può mostrare una voce o un elenco di voci. Per questo esempio, scegli l'opzione Elenco di voci.

7. Nella sezione Accesso l'opzione Vetrine virtuali è selezionata per impostazione predefinita.

8. Clicca su Salva.

Quarto passaggio: collegamento dei prodotti alle voci

1. Dal pannello di controllo Shopify vai a Prodotti.

2. Seleziona un prodotto per il quale desideri mostrare i prodotti in evidenza.

3. In questo esempio vogliamo mostrare alcune delle voci dei prodotti in evidenza che abbiamo creato, ma non tutte. Nella sezione Metafield del prodotto clicca sul campo della voce accanto al metafield dei Prodotti in evidenza. Se non vedi i prodotti in evidenza nell'elenco dei metafield, clicca su Mostra tutto.

4. Clicca su Seleziona voci. In questo passaggio seleziona le voci che desideri mostrare per questo particolare prodotto. Scegli due dei tuoi prodotti in evidenza.

5. Torna alla pagina dei prodotti. Seleziona un prodotto diverso e ripeti il passaggio precedente per assegnare a tale prodotto due voci del prodotto in evidenza diverse.

In seguito potrai pubblicare i metaobject sul negozio online.

Quinto passaggio: pubblicazione delle voci sul negozio online

Dopo aver collegato le voci ai prodotti, è possibile visualizzarle nel negozio. Questo passaggio utilizza l'editor del tema per selezionare i blocchi e le sezioni a cui verranno collegate le voci del metaobject.

Dopo aver aggiunto una sezione o un blocco, puoi selezionare un metafield cliccando sull'icona per collegare l'origine dinamica:

1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.

2. Individua il tema che desideri modificare e clicca su Personalizza.

3. Utilizza il menu a discesa nella parte superiore dello schermo per selezionare Prodotti > Prodotto predefinito. In questo modo, il modello di prodotto predefinito viene caricato nell'editor del tema.

4. Clicca su Aggiungi sezione nella sidebar e scegli Riga multipla come tipo della nuova sezione.

5. Clicca sulla prima riga della sezione Riga multipla.

   • Le impostazioni del primo blocco sono mostrate nella sidebar a destra. Nel blocco Colonna puoi selezionare manualmente un'immagine, inserire un titolo e aggiungere una didascalia e una descrizione. Puoi anche cliccare su ogni icona dell'origine dati e collegare l'impostazione del blocco alla voce desiderata.

6. Clicca su Collega origine dinamica accanto al nome del blocco per selezionare Prodotti in evidenza. L'editor del tema compila il nuovo blocco riga multipla con le voci dei prodotti in evidenza.

7. Configura i blocchi rimanenti nella sezione Riga multipla o rimuovi i blocchi inutilizzati.

8. Clicca su Salva per pubblicare le voci dei prodotti in evidenza.

Le tue voci vengono visualizzate solo sui prodotti a cui sono collegate e la sezione non verrà pubblicata se a un prodotto manca un metafield di riferimento compatibile. Ciò significa che puoi impostare un unico modello di prodotto per tutti i prodotti.