Somos la agencia Shopify partner #1 en la ciudad de México. Diseño, desarrollo y optimización de tiendas en línea con Shopify.


Blog Post

Cómo Hacer Submenus en Shopify

Israel Rodriguez • 1 de noviembre de 2021

Siempre que comenzamos a crear una tienda en línea imaginamos que nuestro menú de navegación como un conjunto de elementos que se visualizan en jerarquía como en otros sitio de comercio electrónico que hemos visto y esto nos lleva a querer ponerlo en el nuestro. Así los usuarios podrán ver nuestras secciones de forma organizada y encontrar rápidamente los productos que buscan.

Cómo hacer submenus en Shopify

Utilizar menús desplegables para agrupar productos, colecciones o páginas y facilitar a los clientes la navegación en la tienda online: por ejemplo, si tenemos varios productos, podemos agregarlos a las colecciones y luego utilizar el menú desplegable.


Puedes ver y editar la navegación de tu tienda en línea desde la página de navegación del administrador de Shopify.

Importante: En la mayoría de los casos, debemos crear una opción antes de poder vincularla. Por ejemplo, crear una colección antes de poder agregarlo a la lista.

Cómo hacer submenus en Shopify

Crear submenus en Shopify

Puedes crear menús desplegables en el administrador de Shopify creando o moviendo elementos de menú para que estén "anidados" en el elemento de nivel superior.

Cómo hacer submenus en Shopify

Los elementos de nivel superior aparecen en el menú principal de su tienda en línea y los elementos del menú anidados se muestran en un menú desplegable. El elemento de nivel superior puede combinar elementos de lista desplegable con una profundidad de hasta dos niveles. Todos los temas mostrarán elementos anidados como menús desplegables en el menú principal, y algunos temas mostrarán elementos anidados como menús desplegables en otras ramas.


La apariencia y la ubicación del menú principal y los menús desplegables de la tienda en línea dependen del tema que hayas elegido. En algunos temas, aparecerá un icono junto al nombre del menú desplegable en el menú principal para que los clientes puedan reconocer que hay un menú desplegable.

Cómo hacer submenus en Shopify

Crear submenus en Shopify paso a paso

Creando sub-menus en Shopify paso a paso desde una computadora de escritorio.

Nivel de dificultad: ✭✭ Fácil

Importante: Para realizar las siguientes tareas debes iniciar sesión en tu tienda Shopify desde una computadora de escritorio.

Tu primer tarea a realizar es entrar al editor de código de tu theme.

  1. Desde tu panel de control de Shopify, ve a Tienda online > Navegación.
  2. Haz clic en el nombre de tu menú principal.
  3. Elige unos de los elementos del menú como encabezado de tu menú desplegable o agrega un nuevo elemento del menú como encabezado.
  4. Agrega elementos del menú para incluir en el nuevo menú desplegable. Haz clic en Agregar elemento del menú, introduce el nombre del elemento del menú e introduce o selecciona un destino para el enlace.
  5. Haz clic y arrastra los artículos del menú para anidarlos debajo del artículo del encabezado.
  6. Haz clic en Guardar menú.
Cómo hacer submenus en Shopify

Creando sub-menus en Shopify paso a paso desde un iPhone.

Nivel de dificultad: ✭✭ Fácil

Importante: Para realizar las siguientes tareas debes iniciar sesión desde la app de Shopify en tu iPhone.

  1. Desde la app de Shopify, selecciona Tienda.
  2. En la sección Canales de ventas, selecciona Tienda online.
  3. Toca Navegación.
  4. Haz clic en el nombre de tu menú principal.
  5. Elige unos de los elementos del menú como encabezado de tu menú desplegable o agrega un nuevo elemento del menú como encabezado.
  6. Agrega elementos del menú para incluir en el nuevo menú desplegable. Haz clic en Agregar elemento del menú, introduce el nombre del elemento del menú e introduce o selecciona un destino para el enlace.
  7. Haz clic y arrastra los artículos del menú para anidarlos debajo del artículo del encabezado.
  8. Haz clic en Guardar menú.
Cómo hacer submenus en Shopify

Creando sub-menus en Shopify paso a paso desde Android.

Nivel de dificultad: ✭✭ Fácil

Importante: Para realizar las siguientes tareas debes iniciar sesión desde la app de Shopify en tu Android.

  1. Desde tu panel de control de Shopify, ve a Tienda online > Navegación.
  2. Haz clic en el nombre de tu menú principal.
  3. Elige unos de los elementos del menú como encabezado de tu menú desplegable o agrega un nuevo elemento del menú como encabezado.
  4. Agrega elementos del menú para incluir en el nuevo menú desplegable. Haz clic en Agregar elemento del menú, introduce el nombre del elemento del menú e introduce o selecciona un destino para el enlace.
  5. Haz clic y arrastra los artículos del menú para anidarlos debajo del artículo del encabezado.
  6. Haz clic en Guardar menú.

¡Listo! Si has llegado hasta aquí siguiendo todos los pasos entonces todo saldrá bien y podrás ver las imágenes de tus productos con las mismas medidas.

Cómo hacer submenus en Shopify

Hasta aquí mi reporte Joaquín. Volvemos contigo al estudio.

por Guillermo Arciniega 14 de febrero de 2025
¿Qué es el Dropshipping y Cómo Funciona?
por Guillermo Arciniega 5 de febrero de 2025
Principales Innovaciones en el Ecommerce Mexicano
por Guillermo Arciniega 31 de enero de 2025
Pasos Básicos para Configurar tu Tienda Shopify
por Guillermo Arciniega 28 de enero de 2025
Shopify vs. Wix: Comparativa de Funciones Clave en 2025
por Guillermo Arciniega 23 de enero de 2025
Los 5 Errores Más Comunes al Crear una Tienda Shopify
Share by: