Testo, Immagine e Separatore funzionano come sezioni complete in qualsiasi pagina, e come blocchi dentro molte altre sezioni. Le loro impostazioni sono le stesse in entrambi i casi, con le piccole differenze indicate sotto.
Aggiungerne uno
Nel builder, fai clic su Aggiungi nuova sezione. Testo e Immagine sono nel gruppo Contenuto, Separatore in Decorazione. Per pagina puoi aggiungere fino a 3 sezioni Testo, 3 sezioni Immagine e 10 Separatori. Per aggiungerne uno come blocco, seleziona una sezione e fai clic su Aggiungi nuovo blocco.
Testo
- Testo: l'editor ha grassetto, corsivo, sottolineato, barrato, dimensione del testo (Piccolo, Normale, Grande, Enorme), colore del testo, colore di evidenziazione e un pulsante per togliere la formattazione.
- Preimpostazione: Predefinito, Paragrafo o da Titolo 1 a Titolo 6. I titoli usano i font dei titoli e indicano ai motori di ricerca come è costruita la pagina. Usa un solo Titolo 1 per pagina.
- Font: Predefinito usa il font del preset. Corpo, Titolo, Sottotitolo o Accento usano invece quel font dalle impostazioni Font.
- Dimensione (da 10 a 30 pixel), Altezza della riga e Spaziatura tra le lettere (Stretto, Normale o Ampio).
- Larghezza: Adatta (larga quanto il testo) o Riempi (tutta la larghezza). Con Riempi compare Allineamento (sinistra, centro, destra).
Nella pagina della collezione, il testo può usare {{collection_name}}, {{collection_description}} e {{products_count}} per mostrare i valori reali della collezione che si sta guardando.
Immagine
- Immagine: scegli una foto dalla libreria multimediale.
- Larghezza: Adatta, Riempi o Personalizzato con una Larghezza personalizzata in percentuale. Con Riempi, Allineamento è nascosto.
- Rapporto: Automatico (la forma dell'immagine), Verticale, Quadrato o Orizzontale. Con un rapporto fisso, Adatta sceglie tra Coprire (riempie la cornice, può tagliare) e Contenere (mostra l'immagine intera).
- Raggio dell'angolo: arrotonda gli angoli, da 0 a 100 pixel.
- Link: facoltativo. Facendo clic sull'immagine si apre questo indirizzo, per esempio
https://example.com/products/your-link.
Separatore
Una linea che separa i contenuti. È orizzontale in un layout impilato, e diventa verticale quando è messa direttamente dentro un gruppo orizzontale.
- Larghezza: Adatta o Riempi.
- Spessore: da 1 a 10 pixel. Lunghezza: dal 5% al 100% dello spazio.
- Allineamento: Inizio, Centro o Fine. Compare quando la Lunghezza è sotto il 100%.
- Raggio dell'angolo: estremità della linea Squadrato o Arrotondato.
Colori e spaziatura
- Come sezione, ognuno ha uno Schema di colori: lo sfondo, il colore del testo e, per il separatore, il colore della linea (il colore del bordo dello schema). Vedi Schemi di colori.
- Come blocco, Testo ha Usa lo schema colori del genitore (attivo per impostazione predefinita). Disattivalo per scegliere un altro schema. Le immagini nei blocchi seguono la loro sezione.
- Spaziatura interna su ogni lato. Una sezione Separatore permette fino a 200 pixel, per uno spazio più grande tra le sezioni.
Da sapere
- Il testo vuoto non compare nel negozio, quindi un blocco Testo vuoto non lascia spazi.
- L'immagine è tagliata: imposta Adatta su Contenere, oppure Rapporto su Automatico.
- Il separatore non è verticale: deve stare direttamente dentro un gruppo impostato su Orizzontale, vedi Come uso i blocchi Gruppo per affiancare i contenuti o metterli in colonne?.