🎨 En este tutorial vamos a ver cómo darle estilo al menú, paso a paso:
- Ingresá al backoffice de Tiendastic → Tienda online > Navegación.
- Buscá el menú al que querés agregarle la imagen.
- Entrá en la solapa “Estilo” del menú que quieras modificar
🎨 Personalizar colores del enlace
Dentro de la opción “Estilo del link / enlace” vas a poder elegir:
- El color del texto.
Por defecto, cuando hacés clic para elegir el color, te aparece la opción en RGB, pero también podés copiar el código hexadecimal.
Usá las flechitas para seleccionar el formato que te resulte más cómodo. 🎨✨
👉 Por ejemplo:
En el menú que elegí, quiero destacar el elemento “PERFUMES Y FRAGANCIAS”, así que le voy a dar un color diferente.
Para poder darle un estilo diferente, vas a poder elegir:
- El color de la tipografía, y
- Un color de fondo.
Esto se configura haciendo clic en el check ✅ y luego en el rectángulo de color.
Podés usar la paleta de colores que te brinda la herramienta o copiar y pegar el código exacto del color que querés.
Tené en cuenta que, si usás esta opción de “color de fondo”, el cambio solo se va a aplicar de la siguiente manera:
- Si es un elemento del menú principal (la barra que ven los usuarios al ingresar a la web), como en el caso de “PERFUMES Y FRAGANCIAS”, el color se aplicará solo a ese botón.
- Si pertenece a un menú desplegable, el color se aplicará únicamente a ese ítem o elemento.
💡 Más adelante te contamos cómo aplicar un color de fondo general para todo el menú.
Ejemplo: Color de fondo para un ítem del menú principal
Ejemplo: Color de fondo para un ítem del menú principal
✏️ Personalización del texto
También podés elegir el tamaño y grosor del texto, definir si querés que sea un botón, y ajustar si tendrá borde y el grosor de ese borde.
💾 Recordá que, para ver estos cambios aplicados, tenés que hacer clic en “Guardar cambios”. ✅
🎉 ¡Listo! Tu menú ya tiene el estilo que queres!
🖼️ Si querés saber cómo agregar imágenes a tu menú, seguí este paso a paso: https://ayuda.tiendastic.com/guia/como-agregar-imagenes-a-mi-menu/
🎨 Si querés saber cómo darle diseño a tu menú, seguí este paso a paso: https://ayuda.tiendastic.com/guia/como-darle-diseno-a-mi-menu/
💡 Si querés un extra para tu menú, seguí este paso a paso: https://ayuda.tiendastic.com/guia/como-darle-un-extra-a-mi-menu-🫢/