Salta ai contenuti

Liquid personalizzato

Aggiungi Liquid personalizzato, snippet di app o contenuti dinamici esattamente dove desideri.

Usa questo blocco quando devi rendere output Liquid personalizzato direttamente in un layout di pagina. È ideale per casi d’uso avanzati come snippet di app, metafields and dynamic sources o piccole parti di contenuto dinamico non coperte dai blocchi integrati.

Questo blocco è più adatto a utenti avanzati. Codice non valido o dipendente dal contesto può non produrre alcun output, mostrare contenuti imprevisti o compromettere il layout circostante.

Il campo principale del codice controlla ciò che questo blocco rende. Usalo per personalizzazioni mirate in cui il posizionamento è importante, ad esempio per inserire l’output di un’app tra i blocchi di contenuto o per mostrare dati salvati in un punto specifico.

Mantieni ogni blocco limitato a un solo obiettivo chiaro. Gli snippet più piccoli sono più facili da testare, più facili da spostare e hanno meno probabilità di rompersi quando cambia il resto del layout.

Per una panoramica più ampia su come è organizzato il contenuto del tema, consulta la documentazione Shopify sulle sezioni e i blocchi

Usa i controlli di visibilità per scegliere se il blocco viene visualizzato su tutti i dispositivi, solo su desktop o solo su mobile. Questo è particolarmente utile quando l’output personalizzato richiede un posizionamento diverso su schermi più piccoli o quando desideri versioni separate per mobile e desktop della stessa idea.

Se crei versioni specifiche per dispositivo, mantieni allineato il loro contenuto in modo che i clienti non vedano informazioni contrastanti tra le diverse dimensioni dello schermo. Vedi Impostazioni di visibilità per il comportamento condiviso di questi controlli.

  1. Mantieni gli snippet mirati. Usa un blocco per un solo compito, come uno snippet di app singolo, un output di metafield o un singolo messaggio personalizzato.
  2. Testa sul template giusto. Il Liquid personalizzato spesso dipende dai dati disponibili in un tipo di pagina specifico, quindi visualizzalo sempre in anteprima nel punto in cui apparirà realmente.
  3. Pianifica per layout responsive. Usa le impostazioni di visibilità quando l’output personalizzato deve spostarsi, semplificarsi o scomparire per una determinata dimensione del dispositivo.
  4. Controlla gli stati vuoti. Se non compare nulla, il codice potrebbe basarsi su dati mancanti per quel prodotto, quella collezione, quell’articolo o quella pagina.
  5. Evita il disordine nel layout. I blocchi di codice brevi e mirati sono più facili da mantenere e hanno meno probabilità di creare problemi di spaziatura o allineamento vicino ai contenuti adiacenti.