Liquid personalizzato

Link in evidenza

1. Documentazione Shopify su metafield e origini dinamiche
2. Documentazione Shopify sulle sezioni e i blocchi
3. Documentazione di Company XYZ sulle impostazioni di visibilità

Video utili

Video Shopify Academy: personalizzare il tuo negozio

Video Shopify Academy: personalizzare il tuo negozio

Usi questa sezione per inserire l’output Liquid personalizzato direttamente in un layout di pagina, inclusi snippet di app, contenuto dei metafield o altri dettagli dinamici della vetrina. È ideale per personalizzazioni avanzate in cui è necessario un controllo preciso su ciò che appare e dove appare.

Impostazioni di base

Il campo Liquid personalizzato è il cuore di questa sezione. Usiamolo per incollare snippet forniti dall’app o aggiungere il proprio output Liquid per dettagli del prodotto, contenuto delle collezioni, metafield o altri elementi dinamici.

Mantenga la configurazione focalizzata e testi in piccoli passaggi. Uno snippet breve e funzionante è molto più facile da correggere di un grande blocco di codice e contenuto misti. Per una panoramica più ampia sul funzionamento delle sezioni nei temi, veda la documentazione Shopify sulle sezioni e i blocchi

Questa sezione mostra esattamente ciò che aggiunge. Se il Liquid è incompleto, non supportato nel template corrente o incollato in modo errato, la sezione potrebbe apparire vuota o comportarsi in modo inatteso.

Se sta aggiungendo codice dell’app, incollalo così come fornito, a meno che non sia sicuro di modificarlo. Se sta scrivendo il proprio output, si assicuri che il contenuto corrisponda alla pagina in cui viene usata la sezione, poiché i dati disponibili possono variare in base al template.

Impostazioni standard della sezione

Impostazioni di visibilità

Impostazioni di visibilità controllano se questa sezione viene mostrata su desktop, su mobile o su entrambi. Questo è particolarmente utile quando desidera contenuti Liquid personalizzati o una formattazione diversa per dimensioni dello schermo diverse.

Usi la visibilità in base al dispositivo in modo intenzionale. Se la sezione contiene contenuti importanti, nasconderla su un dispositivo può rimuovere completamente tali informazioni da quell’esperienza del cliente.

Note sull’uso

1. Inizi con uno snippet semplice. Confermi che la sezione venga renderizzata nel punto corretto prima di aggiungere logica o markup più complessi.
2. Faccia corrispondere il contesto del template. Usi contenuti che abbiano senso per il tipo di pagina, poiché alcuni output dinamici funzionano solo quando sono disponibili i dati corretti.
3. Mantenga intatti gli snippet dell’app. Incolli il codice fornito dall’app così com’è, a meno che non comprenda perfettamente come le modifiche influenzeranno il risultato.
4. Usi la visibilità con uno scopo. Nasconda la sezione su desktop o su mobile solo quando sta creando intenzionalmente layout diversi per dispositivi diversi.
5. Controlli entrambe le viewport. Esamini la sezione su desktop e su mobile, poiché l’allineamento, lo spaziamento, la visibilità o il comportamento dei media possono differire tra le dimensioni dello schermo.
6. Si aspetti uno stile di fallback. I valori vuoti, trasparenti o con stile predefinito di solito mantengono lo stile circostante, mentre colori espliciti, gradienti o override dei media rendono la sezione più indipendente.