Catálogo Fundamentos

Categorías y subcategorías

Las categorías son el esqueleto de la carta: Entrantes, Platos principales, Bebidas. Las construimos con colores por dispositivo y una imagen de fondo, y enseñamos cómo una categoría se mete dentro de otra: los Cafés bajo las Bebidas.

Categorías Subcategorías Aspecto Imágenes de fondo
5:08 Toca una marca de tiempo para saltar ahí
Todos los puntos del vídeo 6 pasos · 5:08

Qué vas a aprender

  • Crear una categoría con nombre y descripción
  • Colores de título y texto ajustados por separado para móvil y ordenador
  • Una imagen de fondo que da cuerpo a la cabecera de la categoría
  • Subcategorías: arrastrar una categoría dentro de otra

Paso a paso

  1. 1

    La página Categorías

    Menú de la izquierda → Categorías. Arranca vacía: «Añadir categoría» abre un asistente de cinco pasos, y el nombre va primero: «Entrantes». Cada categoría se convierte en una fila de esta página, y el orden de las filas es el orden en la carta.

    Paso 1: La página Categorías — Categorías y subcategorías
  2. 2

    Un fondo para la cabecera

    El tercer paso viste la cabecera de la categoría: una imagen por tamaño de pantalla —Grande (escritorio) en 16:9, Mediana (tableta) en 4:3—. Elige fotos con aire: el título se apoya encima, y las imágenes recargadas se leen mal. «Cambiar imagen» y «Quitar» están ahí por si cambias de idea.

    Paso 2: Un fondo para la cabecera — Categorías y subcategorías
  3. 3

    Colores por dispositivo

    Cuarto paso, y el aspecto se ajusta por dispositivo: Grande, Mediana, Pequeña, cada una con su color de texto, de descripción y de fondo, más la línea de subrayado. La vista previa se redibuja con cada cambio. Un fondo que luce en pantalla grande a veces pide un texto más rotundo en el móvil.

    Paso 3: Colores por dispositivo — Categorías y subcategorías
  4. 4

    Y la siguiente

    La segunda categoría recorre los mismos cinco pasos: aquí en sus imágenes, el hueco de tableta ya vestido y el de móvil todavía esperando. Platos principales, Postres, Bebidas, Cafés: todo el esqueleto se levanta igual.

    Paso 4: Y la siguiente — Categorías y subcategorías
  5. 5

    A cada categoría su paleta

    «Postres» se va a tonos más hondos: los mismos tres colores más el subrayado, otro ánimo por completo. Cada categoría puede llevar su propia paleta, para que las secciones se distingan mientras el cliente baja.

    Paso 5: A cada categoría su paleta — Categorías y subcategorías
  6. 6

    Una subcategoría con un arrastre

    Coge «Cafés» y suéltalos sobre «Bebidas»: se convierten en subcategoría. En la carta, el cliente verá las Bebidas abrirse y los Cafés vivir dentro. El mismo gesto reordena la lista: el orden de aquí es el orden que él ve.

    Paso 6: Una subcategoría con un arrastre — Categorías y subcategorías

Conviene saberlo

Pocas categorías, pero claras: 5–7 principales es la regla de las buenas cartas.

La descripción es espacio para el tono: «Cócteles, vinos y refrescos» dice mucho más que un simple «Bebidas».