Dentro de esta guía vamos a ver cómo crear una Barra de Navegación para hacer que nuestro sitio sea navegable.
Paso 1: Realizamos el Menú de navegación
Primero deberíamos ir al menú principal de Framework360 y acceder a:
Sitio Web > Menú
En esta pantalla encontraremos todos los menús creados en nuestro sitio, si no has creado ninguno anteriormente solo encontrarás el Menú principal creado automáticamente por Framework360, en este punto podríamos elegir si modificar este último o crear uno nuevo. Para modificar el Menú principal creado por defecto por Framework360 solo hay que hacer clic en él, así haremos que entremos en la pantalla de modificación.
Como podemos notar en la figura recién expuesta dentro de la pantalla de modificación del menù, encontraremos a la derecha todas las páginas, los bloques globales, las categorías de ecommerce (si tenemos instalado el plugin de ecommerce) y los enlaces personalizados (enlaces que llevan al exterior de nuestro sitio web) que podrán ser insertados dentro del menù; para insertar efectivamente estos elementos dentro del menù solo necesitaremos seleccionar uno a uno los que nos interesan y arrastrarlos a la columna de la izquierda.
Paso 2: Insertamos el Menù dentro de la Nav Bar
Para mostrar el menù creado en el paso anterior dentro de la Nav Bar deberíamos ir a Bloques globales, también presentes bajo la voz Sitio Web del menù principal de Framework360.
Aquí deberíamos seleccionar el Header (si quieres saber cómo crear un Header te invito a leer la guía dedicada haciendo clic aquí) que hemos creado anteriormente y al hacer clic en ella entraremos en la pantalla que nos permite modificarlo.
Una vez dentro de la pantalla de modificación asegurémonos de que bajo la voz Tipología esté insertada la tipología Header, esto hará que nuestro bloque global se refleje en todas las páginas del sitio web.
A este punto no nos queda más que modificar la línea de nuestro Header a través del Visual Builder de Framework360 e insertar la Nav Bar.
Una vez insertada la Nav Bar dentro de nuestro Header el Visual Builder nos hará seleccionar el menú que aparecerá dentro de la Nav Bar; aquí seleccionaremos el menú creado en el paso 1.
Ahora, si queremos hacer que nuestro menú sea más atractivo, podríamos hacerlo gestionando todas las configuraciones del bloque Nav Bar presentes en el Visual Builder.