Ir al contenido
GloboGlobo Docs
Instalar la app
Español

Editar un elemento de menú

Cambia el título, el enlace, el icono, los colores, la insignia, el submenú y la visibilidad de un elemento, o duplícalo, muévelo y elimínalo.

Referencia Todos los planes 4 min de lectura

Cada elemento tiene sus propios ajustes en el panel Editar elemento, que sustituyen al diseño general del menú solo para ese elemento.

Abrir los ajustes del elemento

  1. Haz clic en Editar elemento

    Pasa el cursor sobre el elemento en la vista previa o en el árbol Elementos y haz clic en Editar elemento (el icono del lápiz) (1). El panel se abre a la izquierda (2).

    (1) Haz clic en Editar elemento, (2) los ajustes del elemento se abren a la izquierda

  2. Cambia los ajustes

    Usa las secciones siguientes. Haz clic en ‹ junto a Editar elemento para volver al árbol.

  3. Guarda y publica

    Haz clic en Guardar y luego en Publicar.

General

Icono
Un icono antes del título: Seleccionar icono de la biblioteca o Subir icono para tu propia imagen. Consulta Agregar un icono a un elemento de menú.
Título
El texto que se muestra en el menú (hasta 100 caracteres).
Enlace
A dónde va el elemento: elige una página de la tienda o pega una URL. Debajo aparecen Abrir en una pestaña nueva y, para las colecciones, Filtrar colección con etiquetas (opcional). Consulta Agregar un elemento de menú.
Descripción
Una línea breve bajo el título. Déjala vacía para ocultarla.

Color

Haz que un elemento destaque, como un elemento Ofertas en rojo. Los colores del elemento forman parte de la función Destacar; en otros planes los campos están desactivados con un enlace para mejorar el plan.

Color del textoPredeterminado: #FFFFFF00Pro
El color del texto del elemento.
Color de fondoPredeterminado: #FFFFFF00Pro
El fondo del elemento.
Color del texto al pasar el cursorPredeterminado: #FFFFFF00Pro
El color del texto al pasar el cursor.
Color de fondo al pasar el cursorPredeterminado: #FFFFFF00Pro
El fondo al pasar el cursor.

#FFFFFF00 es totalmente transparente, es decir, “usa los colores normales del menú”. Restablecer ajustes restablece los cuatro.

Insignia

Una pequeña etiqueta como Nuevo, Hot o -50%. Activa el interruptor Insignia para mostrar sus ajustes; en los elementos de primer nivel, la insignia se coloca encima del título.

Los ajustes de la insignia
Título de la insigniaPro
El texto de la insignia, por ejemplo New. La insignia solo se muestra si no está vacío. Puedes traducirlo para cada idioma.
Color del texto de la insigniaPredeterminado: #FFFFFFPro
El color del texto de la insignia (blanco).
Color de fondo de la insigniaPredeterminado: #0693E3Pro
El fondo de la insignia (azul).
Una insignia en la barra de menú

Submenú

Si el elemento tiene un submenú, aquí cambias su Tipo, Ancho y alineación, Alineación del contenido, Color de fondo e Imagen de fondo. Las opciones dependen del tipo: consulta Ajustes del menú desplegable y Diseño del panel del mega menú.

Visibilidad

Elige quién ve el elemento y cuándo; puedes marcar más de una opción.

Los ajustes de Visibilidad
Ocultar en el escritorio
Solo móvil, por ejemplo un enlace Llámanos.
Ocultar en el móvil
Solo escritorio, por ejemplo un mega menú ancho que no encaja en pantallas pequeñas.
Ocultar al iniciar sesión
Solo invitados, por ejemplo Crear una cuenta.
Mostrar solo cuando se inicia sesión
Solo clientes con sesión iniciada, por ejemplo Mayoristas o Mis pedidos.
Programar publicación
Solo entre una Fecha de inicio / Hora de inicio y una Fecha de fin / Hora de fin (o solo una de ellas). Las horas usan la zona horaria de tu tienda; el final debe estar en el futuro y después del inicio. Consulta Programar menús y elementos.

Avanzado

Nombre de clase adicional
Tu propia clase CSS para el CSS personalizado. Escríbela sin el punto, por ejemplo sale-item.

Duplicar, mover y eliminar

  • Duplicar elemento: copia el elemento justo debajo, con todo su submenú.
  • Eliminar elemento: elimina el elemento y todos sus submenús, después de que confirmes.
  • Mover: arrastra el elemento en el árbol Elementos y luego haz clic en Guardar y Publicar.

¿Te ha sido útil?

Informar de un problema