Catálogo Fundamentos

Categorias e subcategorias

As categorias são o esqueleto da carta: Entradas, Pratos principais, Bebidas. Construímo-las com cores por dispositivo e uma imagem de fundo, e mostramos como uma categoria entra dentro de outra — os Cafés debaixo das Bebidas.

Categorias Subcategorias Aspeto Imagens de fundo

5:07 Toque numa marca de tempo para saltar

Todos os pontos do vídeo 6 passos · 5:07

O que vai aprender

Criar uma categoria com nome e descrição
Cores de título e de texto definidas em separado para telemóvel e computador
Uma imagem de fundo que dá corpo ao cabeçalho da categoria
Subcategorias: arrastar uma categoria para dentro de outra

Passo a passo

1

A página Categorias

Menu da esquerda → Categorias. Começa vazia: «Adicionar categoria» abre um assistente de cinco passos, e o nome vem primeiro — «Entradas». Cada categoria passa a ser uma linha desta página, e a ordem das linhas é a ordem na carta.
2

Um fundo para o cabeçalho

O terceiro passo veste o cabeçalho da categoria: uma imagem por tamanho de ecrã — Grande (computador) em 16:9, Média (tablet) em 4:3. Escolha fotografias com ar: o título assenta em cima e as imagens carregadas leem-se mal. «Alterar imagem» e «Remover» estão ali, caso mude de ideias.
3

Cores por dispositivo

Quarto passo, e o aspeto regula-se por dispositivo: Grande, Média, Pequena — cada uma com a sua cor de texto, de descrição e de fundo, mais o traço de sublinhado. A pré-visualização redesenha-se a cada alteração. Um fundo que fica bem no ecrã grande pede por vezes um texto mais forte no telemóvel.
4

E a seguinte

A segunda categoria faz os mesmos cinco passos — aqui nas suas imagens, o lugar do tablet já vestido e o do telemóvel ainda à espera. Pratos principais, Sobremesas, Bebidas, Cafés: todo o esqueleto se levanta da mesma maneira.
5

A cada categoria a sua paleta

«Sobremesas» vai para tons mais fundos: as mesmas três cores mais o sublinhado, outro estado de espírito. Cada categoria pode usar a sua própria paleta, para que as secções se distingam enquanto o cliente desce.
6

Uma subcategoria com um arrasto

Pegue nos «Cafés» e largue-os sobre as «Bebidas»: passam a subcategoria. Na carta, o cliente verá as Bebidas abrirem-se e os Cafés viverem lá dentro. O mesmo gesto reordena a lista — a ordem daqui é a ordem que ele vê.