Aprende › Diseño de Menú › Vitrina: secciones, bloques y stickers

Separador, espaciador y banner

Lección 34 de 51 · 1 min

El video de esta lección llega pronto.

Mientras tanto, sigue los pasos escritos.

Al terminar sabrás

  • Separar zonas con una línea o con aire
  • Armar un banner de varias diapositivas
  • Elegir transición y duración

En el panelTu Menú › Diseño del menú › Vitrina › Contenido › Bloque › Estructura / Promoción

Separador

ColorEl color de la línea.
Grosor (px)De 1 a 8.
Estilo líneaSólido, Guiones o Puntos.
AnchoDe 0 a 100 % del ancho disponible. Con 50 % la línea ocupa la mitad.

Espaciador

Es aire vertical, sin nada visible. Se usa para separar el encabezado de la primera categoría sin dibujar una línea.

Alto del espaciadorDe 0 a 160 px. Es por dispositivo.
Color de fondo del espacioUn color (o Fondo transparente) para el espacio. Útil si quieres una franja de color entre dos zonas.

Una imagen grande con título y un botón encima. Ideal para una promoción: «2x1 los martes», con un botón que abre WhatsApp. Puede tener varias diapositivas (slides).

Slides del bannerCada slide es una pantalla del banner; se muestran en el orden de la lista. Agregar slide suma una, con su imagen, título, descripción, botón y velo.
TransiciónFundido, Deslizar, Zoom (Ken Burns), Revelado o Ninguna.
Duración por slideDe 1 a 15 segundos.
AutoplayUn interruptor para que pasen solas.
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.