Tutoriales
Atrás

Cómo configurar tu menú de navegación


Hoy hablaremos de las diferentes plantillas de navegación.
Son muy importantes por muchas razones:
Estructuran tu tienda
Son parte del diseño final de tu aplicación.
Desempeñan un papel importante en la experiencia de usuario de tus clientes.

Es la navegación principal de tu tienda.

Para seleccionar uno, ve al menú Contenido & diseño, Menú navegación

Selecciona la plantilla que deseas aplicar a tu aplicación
Cada plantilla de navegación tiene sus propias características y mejorará las diferentes secciones de tu tienda, en función de tus necesidades.

Elige la plantilla TabBar.

Consta de 2 partes principales.
La navegación principal que se mostrará en la parte inferior de tu aplicación.
Y una navegación secundaria, que estará en un menú separado.

Para organizar mis secciones, simplemente necesito arrastrarlas entre la navegación principal y el menú Otros.

Mi primera sección es mi Home. Luego agrego mi lista de Colección llamada Collection, mi Sales collection y el User profile. Todo lo demás estará en el menú Other..

Estoy agregando en la barra de información los videos relacionados con las colecciones y la lista de colecciones.

Quiero cambiar el icono de mi Home
Simplemente haz clic en él y listo. Estoy agregando un ícono personalizado, pero también puedes elegir uno de nuestra biblioteca de íconos. Estoy agregando el video detallado sobre cómo cambiar los íconos en la barra de información.

También puedo resaltar una sección modificando el color del icono y la fuente. Hagamos esto para la colección Sales.

En la sección de configuración de su menú de navegación, también puede modificar el diseño de su menú de navegación. La fuente General, muestra o no los títulos debajo de los iconos, el color de los iconos, separadores, etc.

Estoy contento con mi diseño final.

Déjame mostrarte desde el lado del cliente. Este es el diseño de TabBar
Para darte una idea de las otras versiones:
Swipe
Little swipe
Grid
And Slate

Ahora sabes cómo configurar el menú de navegación de tu tienda.

Nos vemos muy pronto para otro tutorial.

Vídeos similares