Catalogo Fondamenti

Categorie e sottocategorie

Le categorie sono lo scheletro del menu: Antipasti, Piatti principali, Bevande. Qui le costruiamo con colori per ogni dispositivo e un'immagine di sfondo, e mostriamo come una categoria entra dentro un'altra — la Caffetteria sotto le Bevande.

Categorie Sottocategorie Aspetto Immagini di sfondo

5:07 Tocca un tempo nei passaggi per saltare lì

Tutti i punti del video 6 passaggi · 5:07

Che cosa imparerai

Creare una categoria con nome e descrizione
Colori di titolo e testo impostati separatamente per telefono e computer
Un'immagine di sfondo che dà corpo all'intestazione della categoria
Le sottocategorie: trascinare una categoria dentro un'altra

Passo dopo passo

1

La pagina Categorie

Menu di sinistra → Categorie. Parte vuota: «Aggiungi categoria» apre una procedura in cinque passi, e il nome viene per primo — «Antipasti». Ogni categoria diventa una riga in questa pagina, e l'ordine delle righe è l'ordine sul menu.
2

Uno sfondo per l'intestazione

Il terzo passo veste l'intestazione della categoria: un'immagine per ogni misura di schermo — Grande (Desktop) in 16:9, Media (Tablet) in 4:3. Scegli foto che respirano: il titolo ci si appoggia sopra, e gli scatti troppo carichi si leggono male. «Cambia immagine» e «Rimuovi» sono lì se cambi idea.
3

Colori per ogni dispositivo

Quarto passo, e l'aspetto si regola per dispositivo: Grande, Media, Piccola — ognuna con il proprio colore di testo, descrizione e sfondo, più la linea di sottolineatura. L'anteprima si ridipinge a ogni modifica. Uno sfondo che sul monitor grande è perfetto a volte chiede un testo più deciso sul telefono.
4

E la prossima

La seconda categoria fa gli stessi cinque passi — qui alle sue immagini, lo slot Tablet già vestito, quello Mobile ancora in attesa. Piatti principali, Dolci, Bevande, Caffetteria: tutta l'ossatura si costruisce così.
5

A ogni categoria la sua tavolozza

«Dolci» sceglie toni più profondi: gli stessi tre colori più la sottolineatura, tutt'altra atmosfera. Ogni categoria può avere la propria tavolozza, così le sezioni si distinguono mentre il cliente scorre.
6

Una sottocategoria con un trascinamento

Prendi «Caffetteria» e lasciala sopra «Bevande»: diventa una sottocategoria. Sul menu il cliente vedrà le Bevande aprirsi e la Caffetteria viverci dentro. Lo stesso gesto riordina la lista — l'ordine qui è l'ordine che vede lui.