Modifica e progetta le sezioni

Puoi personalizzare qualsiasi sezione del tuo sito web in base al tuo stile: modifica la modalità di visualizzazione, cambia lo sfondo (colore, motivi, immagini o video), aggiungi effetti visivi e crea transizioni fluide tra le sezioni usando i divisori di forma.

Per modificare una sezione:

1. Vai alla sezione che vuoi cambiare.
2. Fai clic sull’icona a forma di ingranaggio della sezione.
3. Scegli una delle schede disponibili: Impostazioni, Sfondo o Divisori di forma (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 per riga
  Scegli quanti elementi vengono mostrati per riga.
  Disponibile solo nelle pagine con elementi interni e in alcuni 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 viene mostrata la sezione su dispositivi mobili.
  Disponibile solo nelle pagine con elementi interni e in alcuni layout.

Impostazioni per pagine Homepage e Promo

Le pagine Homepage e Promo includono opzioni aggiuntive specifiche della sezione:

• Posizione del testo
  Scegli dove compare il testo (direzione/allineamento).
  
  
• Altezza minima
  Imposta l’altezza della sezione (30%–100%).
  
  
• Larghezza immagine
  Controlla come viene visualizzata un’immagine.
  Disponibile solo in alcuni layout.
  
  
• Animazione immagine (Parallax)
  Aggiunge un’animazione di scorrimento all’immagine di sfondo.
  Disponibile solo in alcuni layout.
  
  
• Stile riquadro
  Aggiunge un bordo al riquadro di testo.
  Disponibile solo nei layout con riquadri di testo.

Sfondo sezione

La scheda Sfondo ti permette di definire lo stile dello sfondo della sezione usando un colore, un motivo, un’immagine o un video.
Nota: le opzioni di sfondo sono disponibili solo per layout specifici.

Colore di sfondo (icona del pennello)

Usa l’icona del pennello per scegliere un colore di sfondo per la sezione.

Motivi (icona della griglia)

Usa l’icona della griglia per aggiungere un motivo, quindi personalizzalo:

• Colore sfondo layout
  Modifica il colore di sfondo sotto al motivo.
  
  
• Tema colori
  Imposta lo stile colore del motivo:
  • Primario: variazioni dei colori primari del tuo sito web
  • Contrasto: una variazione a contrasto del colore primario
  • Mono: un motivo monocromatico
    
    
• Opacità forme
  Controlla quanto sono trasparenti gli elementi del motivo.
  
  
• Anima + Velocità animazione
  Attiva l’animazione del motivo 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, Sfocato o Bianco e nero artistico.
  
  
• Parallax
  Aggiunge un’animazione di scorrimento all’immagine di sfondo. Puoi scegliere da un elenco di direzioni, ad esempio Su, Giù, Su a sinistra, Giù a destra e altro ancora
  Disponibile solo quando si usa lo stile immagine Copri.
• Stile
  Scegli come l’immagine riempie la sezione:
  • Copri: riempie la sezione
  • Duplica: ripete l’immagine sullo sfondo
  • Contenuto: posiziona l’immagine in un’area specifica
    
    
• Posizione
  Imposta dove viene visualizzata l’immagine.
  Disponibile solo per gli stili Duplica e Contenuto.
  
  
• 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 di forma tra le sezioni

Usa i Divisori di forma per creare una transizione fluida e stilizzata tra le sezioni.

1. Apri il menu dell’icona a forma di ingranaggio della sezione.
2. Vai su Divisori di forma.
3. Scegli uno stile di divisore.
4. Usa il cursore Altezza per regolarne la dimensione.

Il divisore viene aggiunto nella parte inferiore della sezione selezionata. Per un flusso visivo più completo, puoi anche aggiungere un divisore alla sezione superiore.

Nota

Le impostazioni della sezione, la personalizzazione dello sfondo e i divisori di forma non sono attualmente disponibili per l’E-commerce Store.