Lavorare con i blocchi
Aggiungere, spostare, sostituire ed eliminare blocchi — e le regole su dove può atterrare uno nuovo.
Una pagina è una pila di blocchi. Ognuno è una sezione del negozio: un header, un hero, una griglia di prodotti, una riga testo-e-immagine, una FAQ, un footer.
Aggiungere un blocco
Ci sono due modi, e mettono il blocco nello stesso punto:
- Aggiungi blocco nell'elenco dei blocchi a sinistra lo posa subito sotto il blocco che in quel momento sta in cima all'anteprima. Far scorrere l'anteprima prima di cliccare sposta quindi il punto — e la libreria indica poi il blocco sotto cui andrà a finire quello nuovo.
- In modalità modifica, passando il mouse tra due blocchi dell'anteprima compare una linea con un + rotondo nel mezzo. Quel più aggiunge il blocco esattamente in quel punto di giunzione.
Ovunque atterri, un blocco nuovo:
- non va mai sopra l'header,
- va sopra il footer in fondo alla pagina,
- non separa mai una coppia di blocchi a mezza larghezza.
Finché l'anteprima non ha ancora detto che cosa mostra, un blocco nuovo va in fondo alla pagina, sopra il footer.
Quali blocchi vengono proposti
La libreria propone i blocchi adatti alla pagina da cui l'hai aperta. I quattro blocchi che leggono il prodotto corrente — hero prodotto, info prodotto, dettagli prodotto e recensioni del prodotto — compaiono solo sulla pagina di dettaglio di un prodotto, perché altrove non c'è nessun prodotto da mostrare.
Lo stesso vale quando è l'IA ad aggiungere o sostituire un blocco, e per una pagina personalizzata appena generata.
Spostare un blocco
Trascina e rilascia nell'elenco dei blocchi a sinistra: afferra la riga del blocco (la maniglia a tre tratti alla sua sinistra la segnala), portala dove deve stare, lascia. L'anteprima e l'ordine dei blocchi seguono subito.
Funziona solo nell'elenco dei blocchi — non trascinando sull'anteprima — e non su un telefono, dove l'elenco è nascosto. Non serve mai eliminare e ricostruire un blocco solo per spostarlo altrove.
Sostituire un blocco
Sostituisci blocco scambia la variante mantenendo il contenuto del blocco e il suo posto nella pagina. È così che provi un altro hero senza ribattere il titolo.
Header e footer
Header e footer sono un unico blocco condiviso da tutte le pagine. L'elenco dei blocchi offre Sostituisci anche per loro — il blocco mantiene la sua identità, quindi la nuova variante compare contemporaneamente su tutte le pagine.
Non si possono né eliminare né spostare.
La riga in fondo al footer porta un'identificazione del venditore che il design non può togliere — «Venditore: nome, indirizzo» più un link alle tue note legali. Puoi scambiare il footer con un'altra variante, ma non eliminare quella riga; una pagina senza footer mostra la stessa riga in una barra sottile tutta sua. Dice chi vende legalmente nel tuo negozio: è un obbligo di legge, non una scelta di design.
I blocchi a mezza larghezza
Qualsiasi blocco di contenuto — mai l'header o il footer — può essere messo a mezza larghezza nella sezione Layout della scheda Stile (le scelte Block Width: full / half).
- Due blocchi a mezza larghezza che si susseguono stanno fianco a fianco dalla larghezza di un tablet in su, e tornano impilati sul telefono.
- Un blocco a mezza larghezza senza un vicino a mezza larghezza occupa tutta la riga.
- Le due metà condividono un unico contenitore: ciascuna prende metà della sua Container Width e si appoggia alla giunzione centrale, così si leggono come un solo blocco anziché come due blocchi centrati ognuno nella propria colonna. Si allineano al meglio quando hanno la stessa Container Width.
Un accostamento frequente è l'hero prodotto accanto a info prodotto su una pagina prodotto.
Eliminare
Elimina dall'elenco dei blocchi; una breve conferma ti chiede se vuoi davvero eliminare quel blocco. E non si perde niente per sempre: la modifica vive nella bozza, e lo storico versioni può riportare indietro l'intera pagina.