Il designer

Com'è organizzato il designer visuale, e l'unica regola che ti permette di sperimentare senza rischi.

Design nella barra laterale apre il designer visuale. Costruisce il tuo negozio a partire da blocchi — un header, un hero, griglie di prodotti, sezioni di testo, un footer — che aggiungi, sostituisci, riordini e personalizzi senza scrivere nulla.

L'unica regola da conoscere prima di tutto

Il designer modifica una bozza. Il tuo negozio online non cambia finché non premi Pubblica.

Vuol dire che puoi rifare la home page in piena giornata lavorativa, provare cinque varianti di hero, annullare una settimana di lavoro dallo Storico versioni, senza che nessuno dei visitatori del tuo negozio veda nulla di tutto questo.

La struttura

L'elenco dei blocchi, a sinistra

Tutti i blocchi della pagina corrente, nel loro ordine. La doppia freccia nella sua intestazione lo comprime in una barra stretta che conserva il numero dei blocchi e il pulsante per aggiungere un blocco — comodo su uno schermo piccolo di portatile. Lo stato viene memorizzato per ogni browser.

I blocchi a mezza larghezza sono contrassegnati con ½. I blocchi disattivati — un blocco di recensioni del prodotto mentre le recensioni sono disattivate — sono segnalati come tali e restano riordinabili.

Cambia pagina e apre Gestisci le pagine… per aggiungere, rinominare, riordinare (trascinandole) o eliminare le pagine. Vedi Pagine e navigazione.

Tre pulsanti di larghezza

Desktop, tablet, telefono — mostrano l'anteprima a larghezza intera, a 768 px o a 390 px. È il vero layout responsive del tuo negozio a quella larghezza, centrato sull'area di lavoro. L'anteprima telefono ha inoltre l'altezza di un telefono, 850 px (meno su uno schermo piccolo), e sta al centro dell'area di lavoro, così una sezione che riempie lo schermo mostra esattamente ciò che mostra un telefono. La modalità modifica funziona a ogni larghezza.

Il selettore compare dalla larghezza di un portatile in su, all'apertura del designer parte sempre da desktop e non cambia nulla nel negozio vero e proprio.

La barra degli strumenti

Modalità modifica (la matita) per modificare testi e immagini direttamente nella pagina, Assistente IA, Tema, un'icona a orologio per lo Storico versioni, Anteprima e Pubblica. Una volta che hai pubblicato, alla fine compare un pulsante verde Online.

Sul telefono

Sotto la larghezza di un tablet l'elenco dei blocchi è nascosto, perché riordinare i blocchi richiede un mouse. Su un telefono hai l'anteprima, l'assistente IA e Pubblica — abbastanza per approvare o pubblicare qualcosa, non abbastanza per rifare una pagina. Spostare un blocco richiede un tablet o un computer.