Puoi personalizzare qualsiasi sezione del tuo sito web in base al tuo stile: regola la modalità di visualizzazione, cambia lo sfondo (colore, pattern, immagini o video), aggiungi effetti visivi e crea transizioni fluide tra le sezioni usando i divisori sagomati.
Per modificare una sezione:
- Vai alla sezione che vuoi cambiare.
- Fai clic sull’icona a forma di ingranaggio nella sezione.
- Scegli una delle schede disponibili: Impostazioni, Sfondo o Divisori sagomati (le opzioni variano in base al layout).
Impostazioni sezione
La scheda Impostazioni controlla l’aspetto e il comportamento della sezione.
Nota: le impostazioni disponibili dipendono dal tipo di pagina e dal layout selezionato.
Impostazioni comuni
- Mostra/Nascondi titolo sezione
Mostra o nasconde il titolo della sezione.
- Numero di elementi in una riga
Scegli quanti elementi visualizzare per riga.
Disponibile solo nelle pagine con elementi interni e in determinati layout.
- Colore riquadro layout
Imposta il colore di sfondo del riquadro di testo.
Disponibile solo nei layout che includono un riquadro di testo.
- Visualizzazione su mobile
Controlla come appare la sezione su dispositivi mobili.
Disponibile solo nelle pagine con elementi interni e in determinati layout.
Impostazioni per Home page e pagina Promo
Le pagine Home page e Promo includono opzioni aggiuntive specifiche per la sezione:
- Posizione del testo
Scegli dove far apparire il testo (direzione/allineamento).
- Altezza minima
Imposta l’altezza della sezione (30%–100%).
- Larghezza immagine
Controlla come viene visualizzata un’immagine.
Disponibile solo in determinati layout.
- Animazione immagine (Parallax)
Aggiungi un’animazione di scorrimento all’immagine di sfondo.
Disponibile solo in determinati layout.
- Stile riquadro
Aggiungi un bordo al riquadro di testo.
Disponibile solo nei layout con riquadri di testo.
Sfondo sezione
La scheda Sfondo ti permette di personalizzare lo sfondo della sezione usando un colore, un pattern, un’immagine o un video.
Nota: le opzioni di sfondo sono disponibili solo in layout specifici.
Colore di sfondo (icona pennello)
Usa l’icona del pennello per scegliere un colore di sfondo per la sezione.
Pattern (icona griglia)
Usa l’icona della griglia per aggiungere un pattern, quindi personalizzalo:
- Colore di sfondo del layout
Cambia il colore di sfondo sotto al pattern.
- Tema colori
Imposta lo stile colore del pattern:- Primario: variazioni dei colori primari del tuo sito web
- Contrasto: una variazione a contrasto del colore primario
- Mono: un pattern a colore singolo
- Opacità forma
Controlla quanto sono trasparenti gli elementi del pattern.
- Anima + Velocità animazione
Attiva l’animazione del pattern e regolane la velocità.
Immagine di sfondo (icona immagine)
Usa l’icona immagine per aggiungere un’immagine di sfondo dalla libreria o caricarne una tua, quindi regola:
- Opacità
Controlla la trasparenza dell’immagine.
- Effetto
Scegli come appare l’immagine: Normale, Sfocata o Bianco e nero artistico.
- Parallax
Aggiunge un’animazione di scorrimento all’immagine di sfondo. Puoi scegliere da un elenco di direzioni, come Su, Giù, Su a sinistra, Giù a destra e altre ancora
Disponibile solo quando usi lo stile immagine Copertina. - Stile
Scegli come l’immagine riempie la sezione:- Copertina: riempie la sezione
- Duplica: ripete l’immagine sullo sfondo
- Contenuta: posiziona l’immagine in un’area specifica
- Posizione
Imposta dove appare l’immagine.
Disponibile solo per gli stili Duplica e Contenuta.
- Colore testo
Imposta il colore del testo per quella sezione (utile per la leggibilità sopra le immagini).
Video di sfondo (icona videocamera)
Usa l’icona della videocamera per aggiungere un video dalla libreria o caricarne uno tuo, quindi regola:
- Opacità
- Effetto: Normale, Sfocato o Bianco e nero artistico
- Colore testo
Divisori sagomati tra le sezioni
Usa i Divisori sagomati per creare una transizione fluida e stilizzata tra le sezioni.
- Apri il menu dell’icona a forma di ingranaggio della sezione.
- Vai su Divisori sagomati.
- Scegli uno stile di divisore.
- Usa il cursore Altezza per regolarne la dimensione.
Il divisore viene aggiunto nella parte inferiore della sezione selezionata. Per un effetto visivo più completo, puoi aggiungere un divisore anche alla sezione soprastante.
Nota
Le impostazioni della sezione, la personalizzazione dello sfondo e i divisori sagomati non sono attualmente disponibili per il Negozio e-commerce.
