Ayuda online de GoodBarber
La sección Menú (navegación multi- level en la app)
Agregar una sección menu
Esta sección te permite crear varios niveles de navegación en la aplicación.
1 - En el menú swipe izquierdo, ve a Diseño & Estructura > Estructura > Secciones
2 - Haz clic en el botón verde + "Añadir una sección " en la columna derecha
3 - Haz clic en "Carga mas"
4 - Añade una sección Menú con un clic en "Menú"
5 - Dale un titulo a tu nueva sección
![picture picture](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034978-27892434.jpg?v=1644942600.7615833)
Agrega secciones a tu Menú
Para agregar secciones debajo de tu menú:
1 - Ve al menú Diseño & Estructura > Estructura > Secciones
- Arrastra y suelta secciones existentes debajo de tu sección Menú desde la columna derecha de tu back office
o
- Abre los ajustes de una sección, y utiliza el menú desplegable.
Para una nueva sección, escoge desde el menú desplegable cuando se crea la sección.
![picture picture](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034978-27892435.jpg?v=1644942600.8025262)
Una nueva nivel de navegación se agregará a tu app.
Toma nota que es posible añadir una segunda sección Menú debajo de la primera, para crear otro nivel de navegación.
Es solo posible tener hasta 4 niveles de navegación.
Diseña la sección Menu
1 - Ve al menú Diseño & Estructura > Diseño > Diseño de Secciones .
2 - Haz clic en la sección de menú para accesar los ajustes de diseño.
Podrás escoger la plantilla de tu menú, las imagines del fondo, efecto, fuentes, colores, iconos, etc.
![picture picture](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034978-27892437.jpg?v=1644942600.8688185)
La pestaña Ajustes de tu sección Menú
Para accesar los Ajustes de tu sección Menú:
1 - Ve al menú Diseño & Estructura > Estructura > Secciones
2 - Haz clic en los 3 puntos a un lado de tu sección
Esta pestaña te permite editar los ajustes generales de tu sección:
- Mueve la sección en tu arbor de secciones generales
- Escoge la estatus de publicación
- Edita el URL predeterminada
![picture picture](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034978-27892438.jpg?v=1644942600.957698)
Actualiza tus modificaciones
Recuerda que debes actualizar tus modificaciones para poder verlas en tu PWA y tus apps nativas (dependiendo sobre tu oferta).
- Para ello, haz clic en el botón verde de "Actualización de la aplicación" en la parte superior de la back office.
![picture picture](https://cmsphoto.ww-cdn.com/superstatic/291634/art/default/28034978-27892439.jpg?v=1644942601.0028372)
Video tutorial
Nota: Los menús han cambiado en el backoffice, pero el comportamiento que se explica en el video sigue siendo el mismo.