Sezioni condivise e delle pagine di sistema
Questo articolo tratta le sezioni che puoi aggiungere a qualsiasi tipo di pagina, più le sezioni fisse che accompagnano ogni pagina di sistema. Per come aggiungere e disporre le sezioni, vedi Sezioni e blocchi.
Sezioni che puoi aggiungere a ogni pagina
Queste compaiono nel selettore Aggiungi in ogni tipo di pagina.
Testo
Una sezione di testo autonoma per un titolo o un paragrafo. Fino a 3 per pagina. Le impostazioni tipografiche complete sono documentate in Componenti di layout.
Immagine
Una sezione immagine autonoma. Fino a 3 per pagina. Configura larghezza (adatta, riempi o una percentuale personalizzata), allineamento, proporzioni (auto, ritratto, quadrato o paesaggio), adattamento (copertura o contenimento), raggio del bordo, spaziatura interna e un link cliccabile facoltativo.
Divisore
Una linea di separazione. Fino a 10 per pagina. Configura spessore, lunghezza (una percentuale del contenitore), stile delle estremità, allineamento, schema di colori, larghezza (adatta o riempi) e spaziatura interna. Vedi Componenti di layout.
Icone social
Una riga autonoma di icone delle piattaforme social (una per pagina). Aspetto è Icone (controllo completo di forma e palette) oppure App (ogni piattaforma come cerchio colorato di marca). Modalità è In linea (nel flusso della pagina) oppure Fissa (ancorata al bordo sinistro o destro della viewport, sempre visibile durante lo scorrimento), con l'opzione di tornare a in linea su mobile. Piattaforme supportate: Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp e Telegram, ciascuna inserita come nome utente (WhatsApp come numero di telefono). Impostazioni: dimensione dell'icona (da 12 a 64 px), spazio (da 0 a 48 px), allineamento, forma (nessuna, cerchio, arrotondata, quadrata), stile di riempimento (pieno o contorno), dimensione del contenitore (da 26 a 80 px), palette (colori del marchio, mono o un colore esadecimale personalizzato) ed effetto al passaggio del mouse (nessuno, marchio, scala, sollevamento, opacità).
Codice personalizzato
Una sezione per HTML, CSS e JavaScript grezzi (fino a 5000 caratteri ciascuno, massimo 2 per pagina). Il tuo HTML viene renderizzato dentro un contenitore unico, il tuo CSS è automaticamente delimitato a quel contenitore così non può influenzare altre sezioni, e il tuo JavaScript gira in uno scope isolato con il contenitore passato in input, caricato dopo che la pagina è pronta. Utile per widget ed embed di terze parti.
FAQ
Un accordion di coppie domanda e risposta. Disponibile nelle pagine home e prodotto. Imposta schema di colori, larghezza (pagina o intera) e spaziatura interna.
Sezioni delle pagine di sistema
Ogni pagina di sistema include una sezione obbligatoria che ne definisce la funzione centrale. Queste non possono essere eliminate, solo configurate, anche se puoi comunque aggiungere intorno a esse sezioni Testo, Immagine, Divisore e le altre sezioni disponibili su ogni pagina.
- Prodotti della collezione (pagina collezione): la griglia dei prodotti di una collezione. Configura colonne desktop, colonne mobile (1 o 2), spazio, larghezza, schema di colori e il layout della scheda prodotto.
- Prodotti della ricerca (pagina ricerca): la griglia dei risultati, usando gli stessi controlli di griglia e scheda prodotto di Prodotti della collezione.
- Contatti (pagina contatti): un modulo con campi nome, email, oggetto e messaggio. Imposta la spaziatura tra i campi, l'etichetta del pulsante di invio e il suo stile (primario o secondario). Puoi collocare blocchi Testo e Gruppo intorno al modulo.
- Carrello (pagina carrello): il carrello con le voci, i totali e l'accesso al checkout.
- Checkout (pagina checkout): il flusso di checkout con i campi del cliente e del pagamento.
- Conferma ordine (pagina di ringraziamento): il riepilogo post acquisto che mostra i dettagli dell'ordine, le informazioni del cliente, i totali e i metodi di spedizione e pagamento selezionati.
- Policy (pagina policy): renderizza il contenuto della tua pagina legale (titolo e corpo). Scrivi il testo della policy nelle impostazioni dello store; questa sezione controlla solo il suo aspetto.
- 404 (pagina 404): la sezione pagina non trovata, con un titolo, un testo descrittivo e un pulsante per tornare alla home page.
Per le sezioni delle pagine home, prodotto e landing, vedi Sezioni della home page e Sezioni delle pagine prodotto e landing. Per header, footer e barra degli annunci, vedi Sezioni globali.