Nell’editor del tema: PersonalizzaHome pageAggiungi sezionePrima e dopo

Prima e dopo

Due immagini della stessa cosa con una linea in mezzo da trascinare, per esempio prima e dopo un trattamento o un processo.

Usa due immagini scattate dalla stessa angolazione e della stessa dimensione, così si muove solo il cambiamento. La linea funziona anche con la tastiera.

Impostazioni

Immagine

Immagine del “prima”: ImmagineUsa la stessa inquadratura dell’immagine principale, così la linea confronta due stati della stessa cosa.
Immagine del “dopo”: Immagine
Etichetta del prima: TestoVuoto: “Prima”.
Etichetta del dopo: TestoVuoto: “Dopo”.
Messa a fuoco dell'immagine: Scelta: Il punto focale dell'immagine, Centro, In alto, In bassoPredefinito: Il punto focale dell'immagine
Forma dell'immagine su computer: Scelta: Verticale (4:5), Alta (2:3), Quadrata, Orizzontale (3:2)Predefinito: Verticale (4:5)
Forma dell'immagine su telefono: Scelta: Come su computer, Verticale (4:5), Quadrata, Orizzontale (3:2)Predefinito: Come su computer

Testo

Piccola riga sopra il titolo: Attivo o disattivoPredefinito: Attivo
Piccola riga: TestoLascia vuoto per mostrare il valore predefinito.
Titolo: TestoLascia vuoto per mostrare il titolo predefinito.
Dimensione del titolo: Scelta: Medio, Grande, Molto grandePredefinito: Grande
Paragrafo: TestoLascia vuoto per mostrare il testo predefinito.

Pulsante

Mostra un pulsante: Attivo o disattivoPredefinito: Attivo
Testo del pulsante: TestoLascia vuoto per mostrare il testo predefinito.
Link del pulsante: LinkLascia vuoto per aprire la pagina di tutti i prodotti.
Pulsante in vetro: Cursore, da 0 a 90 %Predefinito: 0 %0: un normale pulsante pieno. Sopra 0: vetro scuro semitrasparente con un sottile bordo chiaro, per un pulsante su un'immagine. Un valore più alto è più scuro.

Layout

Lato dell'immagine: Scelta: Automatico: opposto alla sezione sopra, All'inizio (a destra, in ebraico), Alla fine (a sinistra, in ebraico)Predefinito: Automatico: opposto alla sezione sopraDa quale lato sta l’immagine accanto al testo, su computer o tablet. Automatico: se anche la sezione sopra ha un’immagine accanto al testo, l’immagine passa dall’altro lato, così le sezioni consecutive si alternano; altrimenti si trova all’inizio (a destra, in ebraico).
Ordine su telefono: Scelta: Prima l'immagine, Prima il testoPredefinito: Prima l'immagine
Allineamento del testo: Scelta: Inizio, Centro, FinePredefinito: Inizio
Posizione del testo accanto all'immagine: Scelta: In alto, Al centro, In bassoPredefinito: Al centroSu computer o tablet.

Le impostazioni comuni a ogni sezioneFinestra, Scorrimento, Spaziatura, Colori, Stile del testo

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
Angoli delle immagini: Scelta: Arrotondati, SquadratiPredefinito: Arrotondati

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 120 pxPredefinito: 40 px
Spazio sotto: Cursore, da 0 a 120 pxPredefinito: 40 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.
Stile dello sfondo: Scelta: Colore uniforme, Palco illuminatoPredefinito: Colore uniformePalco illuminato: una luce morbida dall’alto che sfuma verso il basso, dal colore della sezione, chiaro o scuro. Su un colore scuro testo e pulsanti si schiariscono da soli.
Colore della luce: ColoreLa luce soffusa dal centro in alto. Vuoto: bianco.

Stile del testo

Stile del testo personalizzato per questa sezione: Attivo o disattivoPredefinito: DisattivoAltrimenti la sezione usa lo stile del tema. I font di Shopify non includono l'ebraico, quindi puoi scegliere tra stili che funzionano in ebraico.
Stile del titolo: Scelta: Predefinito del tema, Leggero, Grassetto, SerifPredefinito: Predefinito del tema
Dimensione del titolo: Cursore, da 70 a 160 %Predefinito: 100 %
Colore del titolo: ColoreVuoto: automatico, usa il colore della sezione (chiaro su sfondo scuro).
Stile del testo: Scelta: Predefinito del tema, Leggero, Grassetto, SerifPredefinito: Predefinito del tema
Dimensione del testo: Cursore, da 70 a 160 %Predefinito: 100 %
Colore del testo: ColoreVuoto: automatico, usa il colore della sezione (chiaro su sfondo scuro).

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