Ir al contenido
Instalar la app
Español

Menú con pestañas

Permite a los compradores cambiar entre grupos de contenido, como Hombre, Mujer y Niños, dentro de un mismo submenú.

Guía práctica Pro Navigation 2 min de lectura

Un menú con pestañas muestra títulos de pestañas como Zapatillas, Ropa y Accesorios junto al contenido de la pestaña seleccionada. Permite meter un catálogo grande en un panel compacto.

Agregar un menú con pestañas

  1. Elige una plantilla

    En el árbol Elementos del editor, haz clic en Agregar submenú bajo un elemento de primer nivel. Apunta a Pestañas y haz clic en Seleccionar en una plantilla.

    Las plantillas de pestañas. Desplázate para ver las nueve: tres profundidades a la izquierda, arriba o a la derecha.
  2. Renombra las pestañas

    Cada título de pestaña es un elemento: pasa el cursor sobre él, haz clic en Editar elemento y cambia su Título. Haz clic en Agregar pestañas en el árbol Elementos para agregar otra pestaña.

  3. Rellena cada pestaña

    Selecciona una pestaña y haz clic en Agregar bloque para agregar listas de enlaces, imágenes, productos y más. Consulta Bloques.

  4. Guarda y publica

    Haz clic en Guardar y luego en Publicar.

Plantillas

Simple
Una fila de pestañas, cada una con su propio contenido: Pestañas simples a la izquierda, Pestañas superiores simples, Pestañas simples a la derecha.
2 niveles
Cada pestaña contiene su propio conjunto de pestañas: Pestañas anidadas a la izquierda (2 niveles), Pestañas anidadas de 2 niveles superiores, Pestañas anidadas de 2 niveles a la derecha. Por ejemplo, Zapatillas > Running / Entrenamiento / Casual > productos.
3 niveles
Pestañas dentro de pestañas dentro de pestañas: Pestañas anidadas a la izquierda (3 niveles), Pestañas anidadas de 3 niveles superiores, Pestañas anidadas de 3 niveles a la derecha.

Ajustes del bloque de pestañas

Pasa el cursor sobre el bloque de pestañas y haz clic en el icono del lápiz.

Ancho
Cuánto del panel usa el bloque de pestañas: Automático o del 8.33% al 100%.
Posición
Dónde se muestran los títulos de las pestañas: Izquierda, Arriba o Derecha.

Un menú con pestañas se abre en un panel de mega menú, así que la sección Submenú del elemento principal define su ancho, alineación y fondo. Consulta Diseño del panel del mega menú.

Consejos

  • Las pestañas a la Izquierda van bien para listas largas de categorías; las pestañas de Arriba van bien para 3 a 6 títulos cortos.
  • Mantén cortos los títulos de las pestañas para que no pasen a dos líneas.
  • Para colocar pestañas junto a otros bloques, haz clic en Agregar bloque en un mega menú y elige Pestaña.

¿Te ha sido útil?

Informar de un problema