Ecco un esempio di codice Liquid per aggiungere un campo personalizzato nella scheda prodotto di Shopify:
- In primo luogo, accedi alla sezione “Modifica tema” del tuo negozio Shopify.
- Seleziona il template della scheda prodotto (product.liquid) e individua il codice HTML che definisce la struttura della scheda prodotto.
- Aggiungi il seguente codice Liquid all’interno del tag
div
che contiene le informazioni del prodotto (ad esempio,product-information
):
<div class="product-information">
<h3>Nuovo campo personalizzato</h3>
<p>{{ product.metafields.custom.new_field }}</p>
</div>
In questo esempio, stiamo aggiungendo un nuovo campo personalizzato chiamato “new_field” alla scheda prodotto. Per accedere al valore di questo campo personalizzato, stiamo utilizzando la sintassi Liquid {{ product.metafields.custom.new_field }}
.
- Ora è necessario aggiungere il campo personalizzato nella sezione Metafields del prodotto. Accedi alla pagina del prodotto per il quale vuoi aggiungere il campo personalizzato e scorri fino alla sezione “Altro” in basso a sinistra.
- Fai clic su “Aggiungi campo” per aggiungere un nuovo campo personalizzato.
- Nella finestra di dialogo, inserisci i dettagli del campo personalizzato. Ad esempio, puoi inserire “new_field” come “Namespace” e “Campo” come “Nome chiave”.
- Inserisci il valore del campo personalizzato nella casella “Valore”.
- Fai clic su “Salva”.
- Salva le modifiche al template e visualizza la scheda prodotto per verificare che il nuovo campo personalizzato sia stato aggiunto correttamente.
Con questo codice Liquid e la configurazione del campo personalizzato, ora puoi visualizzare informazioni personalizzate nella scheda prodotto del tuo negozio Shopify.
Ricorda che questo è solo un esempio e puoi personalizzare il codice Liquid per soddisfare le tue esigenze specifiche.