Ajustes del menú

Cambia el diseño, los elementos, la animación, el espaciado y otros ajustes que se aplican a todo el menú.

Referencia Todos los planes 6 min de lectura

La pestaña Ajustes controla dónde aparece el menú y cómo se ve y se comporta cada elemento. Para dar estilo a un solo elemento, usa sus propios ajustes; consulta Editar un elemento de menú.

Abrir los ajustes

Abre la pestaña Ajustes

En Administrador de menú, abre el menú y haz clic en el icono del engranaje en la barra lateral izquierda del editor. La vista previa se actualiza mientras editas.

El icono de engranaje abre los ajustes del menú.
Guarda y publica

Haz clic en Guardar y luego en Publicar.

Los valores predeterminados de abajo son los que suele tener un menú nuevo; algunos dependen de tu tema.

Ajustes

Posición

Automático: La app encuentra el menú principal de tu tema y lo reemplaza.
Reemplazar la navegación: Eliges los menús del tema que se reemplazan en Selecciona tu menú principal y Selecciona tu menú móvil.
Mostrar el menú en este selector CSS: Escribes el selector del área en Selector CSS de tu menú principal y Selector CSS de tu menú móvil. Úsalo solo si las opciones anteriores no funcionan en tu tema.

Cada opción se explica paso a paso en Publicar un menú en tu tema.

Disposición y elementos

OrientaciónPredeterminado: Horizontal: Horizontal muestra los elementos de nivel superior en una fila. Vertical los apila en una columna, como un menú lateral.
AlinearPredeterminado: Izquierda: Alinea los elementos de nivel superior a la Izquierda, a la Derecha o al Centro de la barra del menú.
Ancho máximo del menúPredeterminado: Vacío: Ancho máximo del menú en px, por ejemplo 1200. Si está vacío, usa todo el ancho disponible.
Mostrar cuadro de búsquedaPredeterminado: Activado: Agrega al menú un campo de búsqueda de productos.
Mostrar separador en escritorioPredeterminado: Activado: Una línea separadora entre los elementos de nivel superior en escritorio. Color: Colores > Separator color.
Mostrar separador en móvilPredeterminado: Activado: Líneas separadoras entre los elementos del menú móvil.
Mostrar indicadores (flecha hacia abajo)Predeterminado: Activado: Una pequeña flecha junto a los elementos que tienen submenú.

Submenú

Mostrar bordePredeterminado: Activado: Un borde alrededor de los submenús. Color: Colores > Submenú > Border color.
Activar barra de desplazamiento en escritorioPredeterminado: Activado: Los compradores pueden desplazarse dentro de un submenú más alto que la pantalla en lugar de que se corte.
Activar barra de desplazamiento en móvilPredeterminado: Activado: Lo mismo, para el menú móvil.
Ancho máximo del submenúPredeterminado: Vacío: Ancho máximo del submenú en px. Si está vacío, usa el ancho predeterminado.
Abrir estilo en móvilPredeterminado: Desplegable: Desplegable expande el submenú debajo de su elemento principal. Deslizar lo abre como un panel nuevo, con una forma de volver al nivel anterior.

Animación del menú

Activador – EscritorioPredeterminado: Al pasar el cursor: Cómo se abren los submenús en escritorio: Al pasar el cursor, Clic o Alternar al hacer clic.
Activador – MóvilPredeterminado: Alternar al hacer clic: Cómo se abren los submenús en el menú móvil, con las mismas tres opciones.
EfectoPredeterminado: Desvanecer: La animación de apertura: Desvanecer o Subir.
Velocidad de la transiciónPredeterminado: 300: Duración de la animación en ms, hasta 1500.
Retardo de la transiciónPredeterminado: 150: Espera antes de que un submenú se abra o se cierre, en ms, hasta 1500. Con Al pasar el cursor, evita que los submenús se abran de golpe cuando el ratón pasa por encima.

Los activadores:

Al pasar el cursor: el submenú se abre cuando el ratón se mueve sobre el elemento.
Clic: el primer clic o toque abre el submenú; volver a hacer clic en el elemento lleva a su enlace.
Alternar al hacer clic: cada clic abre o cierra el submenú; el elemento principal nunca lleva a su enlace.

Enlaces de cuenta

Accesos directos a la cuenta del cliente que cambian según el estado de sesión del comprador. Todos están desactivados por defecto. Al activar uno aparecen campos para su icono y su título (por ejemplo Icono de inicio de sesión y Título de inicio de sesión, para cambiar el nombre de “Login” a “Iniciar sesión”).

Mostrar enlace de inicio de sesiónPredeterminado: Desactivado: Se muestra cuando el comprador no ha iniciado sesión.
Mostrar enlace de registroPredeterminado: Desactivado: Un enlace para crear una cuenta. Se muestra cuando el comprador no ha iniciado sesión.
Mostrar enlace de cuentaPredeterminado: Desactivado: Un enlace a la página de cuenta del cliente. Se muestra cuando el comprador ha iniciado sesión.
Mostrar enlace de cierre de sesiónPredeterminado: Desactivado: Se muestra cuando el comprador ha iniciado sesión.

Espaciado

Arrastra el control deslizante o escribe un valor en px.

Relleno del menú principalPredeterminado: 20: Espacio horizontal a cada lado de cada elemento de nivel superior.
Altura de línea del menú principalPredeterminado: 50: Altura de la barra del menú de nivel superior.
Altura de línea del desplegablePredeterminado: 50: Altura de cada fila de un submenú desplegable.
Altura de línea de la pestañaPredeterminado: 50: Altura de cada pestaña de un menú con pestañas.
Altura de línea de la lista de enlacesPredeterminado: 30: Altura de cada enlace de un bloque de lista de enlaces.

Carrusel

Se aplica a los bloques que se deslizan, como los carruseles de productos y el carrusel de imágenes.

Reproducción automáticaPredeterminado: Activado: Las diapositivas se mueven solas.
Bucle infinitoPredeterminado: Activado: Después de la última diapositiva, el carrusel vuelve a empezar desde la primera.

Avanzado

Menú móvil cuando el ancho sea menor quePredeterminado: 768: Ancho de pantalla en px por debajo del cual se usa el menú móvil. Las pantallas más anchas usan el menú de escritorio.
Ocultar el submenú del bloque de lista de enlacesPredeterminado: Desactivado: Solo móvil. Contrae los enlaces bajo el encabezado de cada lista de enlaces; los compradores tocan la flecha del encabezado para expandirlos.
Mostrar botón Agregar al carritoPredeterminado: Desactivado: Un botón de agregar al carrito en los productos de los bloques de producto del menú. Colores: Colores > Botón Agregar al carrito.
Activar carga diferida de imágenesPredeterminado: Activado: Carga las imágenes del menú solo cuando se necesitan, lo que ayuda a la velocidad de la página. Recomendamos mantenerlo activado.

Solución de problemas

Al tocar un elemento principal en móvil no se abre su página

Con Activador – Móvil en Alternar al hacer clic, tocar un elemento principal solo abre su submenú. Cámbialo a Clic, o agrega la página principal como primer enlace dentro del submenú. Consulta Un elemento del menú no redirige en móvil.

El menú móvil no aparece en una tableta o un portátil pequeño

El menú de escritorio se usa en cualquier pantalla más ancha que Menú móvil cuando el ancho sea menor que. Aumenta ese valor.

¿Te ha sido útil?

Informar de un problema