Al terminar sabrás
- Agregar un sticker y cargarle una imagen
- Colocarlo, dimensionarlo y animarlo
- Ajustarlo por dispositivo
En el panelTu Menú › Diseño del menú › Vitrina › Zonas fijas › Stickers
Los stickers son imágenes decorativas que flotan sobre tu menú: una hoja, una llama, un sello de «Hecho a mano». Son opcionales («el menú se ve igual de bien sin ninguno») y se editan desde Estructura › Zonas fijas › Stickers. Puedes tener hasta 5.
- Los cinco espacios: Agregar sticker.
- El indicador «Elementos flotantes · máx. 5».
- Selecciona Stickers en Estructura y pulsa Agregar sticker en un espacio libre.
- Se abre la carga de imagen: sube tu archivo (lo primero es la imagen, porque no puedes dimensionar algo que aún no existe). Un PNG con fondo transparente es lo ideal.
- Ajusta Tamaño y Opacidad.
- Elige la Posición en la cuadrícula de nueve puntos y el Área donde va.
- Para finalizar, elige un Efecto y afina con Ajuste H y Ajuste V.
Ajustes del sticker
TamañoEn porcentaje, de 10 a 300.
OpacidadDe 10 a 100 %.
Modo de fusiónCómo se mezcla con lo que hay debajo (como en el logo).
Sombra (sigue la silueta de la imagen)Un interruptor. Dibuja la sombra alrededor de la forma real del PNG, no de un rectángulo. Con ella: Desplazamiento horizontal, Desplazamiento vertical, Desenfoque, Intensidad y Color de la sombra.
PosiciónUna cuadrícula de 3 × 3: arriba, centro, abajo; izquierda, centro, derecha.
ÁreaEncabezado o Área de productos: en qué zona del menú vive el sticker.
EfectoNinguno, Flotante, Rotación o Pulso.
Ajuste H (px) y Ajuste V (px)Desplazamientos finos. Aceptan negativos para sacar el sticker por el borde y que se corte, sin que aparezca una barra de desplazamiento.
EliminarQuita el sticker seleccionado.
Haz esto
- Máximo uno o dos stickers: son un acento, no el protagonista.
- PNG con fondo transparente y poco peso.
- Revisa tablet y escritorio: un sticker que luce bien en móvil puede tapar texto en una pantalla grande.
Evita esto
- Cubrir los botones o los precios con un sticker.
- Usar efectos animados en todos a la vez: distraen.
OpcionalPon a prueba lo que aprendiste2 ejercicios
¿Algo no coincide con lo que ves en tu panel? Cuéntanos.