Nell’editor del tema: PersonalizzaHome pageAggiungi sezioneLiquid personalizzato

Liquid personalizzato

Il tuo codice in una sezione a sé, con la spaziatura, la larghezza e i colori del tema intorno.

Il codice che aggiungi qui è a tuo carico. Gli aggiornamenti del tema non lo modificano.

Impostazioni

Generale

Codice Liquid
CodiceAggiungi snippet di app o altro codice, come un modulo, una mappa o un video incorporato. Il codice compare nel negozio così come è scritto.
Le impostazioni comuni a ogni sezioneFinestra, Scorrimento, Spaziatura, Colori

Le impostazioni di finestra, scorrimento, spaziatura e colori funzionano allo stesso modo in ogni sezione. Scopri come funzionano.

Finestra

Unione
Scelta: Finestra separata, Unita alla finestra sopra, Unita alla finestra sotto, Unita sopra e sottoPredefinito: Finestra separata

Scorrimento

La sezione successiva la copre durante lo scorrimento
Attivo o disattivoPredefinito: DisattivoScorrendo verso il basso, questa sezione resta ferma sotto l'header e la sezione successiva sale sopra di essa. Scorrendo indietro l'effetto si inverte. Disattivato nell'editor, per i visitatori che hanno richiesto il movimento ridotto e sugli schermi molto bassi.

Spaziatura

Spaziatura personalizzata per questa sezione
Attivo o disattivoPredefinito: DisattivoDisattivato: la spaziatura tra le sezioni delle impostazioni del tema, in Layout. Attivato: i valori indicati qui, sopra e sotto questa sezione. Su mobile la maggior parte delle sezioni ne usa il 65%.
Spazio sopra
Cursore, da 0 a 160 pxPredefinito: 48 px
Spazio sotto
Cursore, da 0 a 160 pxPredefinito: 48 px
Larghezza del contenuto
Scelta: Stretta, Standard, Ampia, Larghezza pienaPredefinito: Standard

Colori

Schema di colore
Schema di coloriUguale allo schema della pagina: la sezione poggia sullo sfondo della pagina. Un altro schema dà alla sezione uno sfondo proprio, come una scheda nella cornice. I colori personalizzati qui sotto prevalgono sullo schema.
Usa colori personalizzati per questa sezione
Attivo o disattivoPredefinito: DisattivoAltrimenti la sezione usa i colori del tema.
Sfondo
ColorePredefinito: #F1F1EF
Testo
ColoreVuoto: automatico. Chiaro su sfondo scuro, scuro su sfondo chiaro.

Qualcosa qui non corrisponde a quello che vedi nell’editor? Scrivici e correggeremo la guida.