Aprende › Diseño de Menú › Vitrina: el encabezado

Portada completa y Banner rotativo

Lección 16 de 51 · 2 min

El video de esta lección llega pronto.

Mientras tanto, sigue los pasos escritos.

Al terminar sabrás

  • Personalizar el botón de la portada completa
  • Armar un banner rotativo con 2 a 6 imágenes
  • Controlar el alto del encabezado y su degradado

En el panelTu Menú › Diseño del menú › Vitrina › Zonas fijas › Encabezado › Portada completa / Banner rotativo

Portada completa: el botón «Ver menú»

En Portada completa, el encabezado ocupa toda la pantalla y un botón lleva al contenido. Aparece una tarjeta Botón «Ver menú» con todos sus ajustes.

La tarjeta del botón «Ver menú» en el Inspector: texto, colores, forma, tipografía, opacidad y contorno.
  1. El texto del botón (hasta 30 caracteres).
  2. Color de fondo y Texto (color).
  3. Forma: Redondeado, Circular o Recto.
  4. Opacidad del fondo.
  5. El interruptor Contorno, con su grosor, estilo y color.
Texto del botónLo que dice el botón. Vacío usa «Ver menú».Puedes cambiarlo por «Ver la carta», «Pedir ahora», «Entrar».
Color de fondo y TextoLos colores del botón. Por defecto, un blanco translúcido sobre la portada.
FormaRedondeado, Circular o Recto.
Tipografía del botónEl editor de tipografía, sin el color (el color del texto se elige arriba).
Opacidad del fondoAtenúa el fondo del botón sin tocar el texto: así la etiqueta sigue legible. Es por dispositivo.
ContornoUn interruptor. Encendido ofrece Grosor (px), Estilo (Sólido, Guiones o Puntos) y Color del contorno.

El Banner rotativo alterna entre varias imágenes. En su tarjeta Imágenes del banner (con la nota «Mínimo 2» mientras tengas menos de dos) administras la galería.

  1. Pulsa + Agregar y sube una imagen. Puedes recortarla con proporción Libre, 16:9 o 21:9.
  2. Repite hasta tener al menos 2 (el máximo es 6).
  3. En cada imagen puedes Mover antes, Mover después, Reemplazar o recortar y eliminarla con la ✕.
  4. Define el Alto del encabezado en píxeles (de 120 a 900). Vacío significa alto automático según la pantalla.

El banner tiene además un bloque Degradado con interruptor Activo: un velo de Color inicio a Color fin, Lineal o Radial, con ángulo. Sirve para oscurecer la parte baja de las fotos y que el texto se lea.

OpcionalPon a prueba lo que aprendiste2 ejercicios

Ejercicios opcionales: 0 de 2 acertados

Los ejercicios son opcionales: si los haces y aciertas todos, la lección se completa sola. Si no, márcala tú.

¿Algo no coincide con lo que ves en tu panel? Cuéntanos.