Carga dinámica de módulos o cómo mostrar distintos menús de navegación en distintas páginas de tu sitio Joomla 1.5

Tags: CMS | gestor de contenidos | Joomla

En nuestro último artículo de esta misma sección de menús en Joomla 1.5 creamos varios menús similares que apuntaban a las categorías que, hasta el momento, teníamos configuradas en nuestro sitio y dejábamos planteada la siguiente pregunta en el aire: ¿para qué tantos menús iguales en la página de inicio de nuestro sitio?.

En realidad, nuestra intención no es ésta. No tiene sentido dejar en la página inicial varios menús similares con la consiguiente confusión que esto puede generar en nuestros visitantes – usuarios de la página. Si, además te fijas en la captura de pantalla anterior, ni siquiera hemos tenido la precaución de poner títulos diferentes a los menús de navegación creados (más confusión aún, ¿no crees?). No es que hayamos cometido un error en la configuración del menú, ni mucho menos, la respuesta es muy simple: los menús han sido creados y configurados con la intención de ser mostrados en diferentes ubicaciones de nuestro sitio. Esto es lo que se denomina la carga dinámica de módulos (y te recuerdo, de nuevo, que un menú de navegación no es más que eso, un módulo).

Observa el gestor de módulos de tu sitio. Los cuatro menús llamados Materiales están habilitados (se mostrarán en tu sitio), son públicos (cualquier visitante – usuario de tu sitio lo visualizará en el sitio y podrá hacer clic sobre sus entradas para acceder al contenido), se localizan en la posición izquierda (left) de la plantilla y se muestran en todas las páginas del sitio – Páginas – todo.

 

Es precisamente la columna Páginas la que te indica que estos menús se visualizan en todas las páginas de tu sitio (de ahí, el término Todo), por ello se muestran todos seguidos en la parte izquierda de la página inicial de tu sitio y su comportamiento será mostrarse en todas las páginas del mismo. Es decir, cuando hagas clic en cualquier enlace que se muestra en un menú, verás los cuatro menús seguidos a la izquierda de la pantalla.

Prueba, por ejemplo, haciendo clic en el menú de navegación superior sobre cualquiera de las entradas disponibles (Tercero de la ESO, Cuarto de la ESO...) y fíjate cómo, en efecto, los cuatro menús se muestran en la página en todo momento:

 

 

Muestra un menú específico en una página concreta

El comportamiento deseado no es este. Lo que realmente queremos es que, al hacer clic en Tercero de la ESO, aparezca sólo el menú Materiales con los enlaces propios de este nivel educativo y no los demás, que deberán estar ocultos al visitante – usuario. Deseamos también que cuando el usuario haga clic en la entrada del menú superior Cuarto de la ESO se muestre en la página sólo el menú Materiales con los enlaces propios de este nivel educativo y no los demás, es decir, el menú Materiales de 3º de la ESO no debe aparecer en pantalla. ¿Entiendes el razonamiento? De esta manera cada entrada del menú superior hará mostrar en pantalla sólo y exclusivamente los menús que deseamos que aparezcan y no todos los menús creados y configurados en Joomla 1.5. Es decir, vamos a configurar los menús de navegación para que muestren una carga dinámica de algunos módulos, de aquellos que queremos que se visualicen en cada momento.

El procedimiento para realizarlo es muy sencillo, la complejidad radica en repetir este mismo proceso para todas las entradas de los menús que le afectan. Si sigues nuestro artículo no tendrás dificultades para aplicarlo a otras situaciones concretas en la configuración de tu sitio.

 

Paso 1. Al hacer clic en Tercero de la ESO del menú superior no queremos que se muestren los menús correspondientes a Materiales de 4º de la ESO, 1º Bachillerato ni 2º de Bachillerato.

Acude al gestor de módulos y haz clic en el nombre del módulo Materiales (ID = 20) que es el que se corresponde con el menú creado para 3º de la ESO. Entras así en el modo de configuración del mismo. Acude a la parte inferior de la pantalla y localiza el apartado Asignación de menú. Activa la opción Selecciona item(s) del menú desde la lista y remarca la entrada Tercero de la ESO del menú_superior, tal y como ves en la siguiente captura de pantalla:

 

Guarda los cambios. Acude al Frontend de tu sitio y recarga la página. Haz clic en la entrada del menú superior Tercero de la ESO y observa que aparecen los 4 menús Materiales, pero si ahora haces clic en la entrada Cuarto de la ESO ¡ya sólo verás tres, el menú Materiales de 3º de la ESO ya no se visualizará en la página!

Repite el procedimiento modificando la asignación de menú en cada caso:

• El módulo Materiales con ID = 21 (destinado a 4º de la ESO) debe asignarse al menu_superior, Cuarto de la ESO. Guarda los cambios.

• El módulo Materiales con ID = 22 (destinado a 1º de Bachillerato) debe asignarse al menu_superior, 1º de Bachillerato. Guarda los cambios.

• El módulos Materiales con ID = 23 (destinado a 2º de Bachillerato) debe asignarse al menu_superior, 2º de Bachillerato. Guarda los cambios.

Recarga el Frontend de tu sitio con la tecla F5 de tu teclado. Si lo has hecho correctamente, el comportamiento de los enlaces del menú superior de la página habrá cambiado. Ahora sólo verás un menú Materiales en cada caso al hacer clic en los enlaces Tercero de la ESO, Cuarto de la ESO, 1º de Bachillerato y 2º de Bachillerato. El resto de menús estarán ocultos. ¡Pruébalo y verás!

 

Paso 2. El menú Materiales debe visualizarse en el resto de páginas

En el Frontend de tu sitio haz clic en la entrada Tercero de la ESO del menú superior. Aparece en la parte izquierda de la pantalla el menú Materiales. Lógico, acabas de asignarlo a la entrada del menú en el paso anterior.

Pero ahora haz clic en la primer entrada de dicho menú Materiales llamada Unidades temáticas. ¡El menú Materiales ha desaparecido! ¿Cómo es posible?

Es sencilla la respuesta: este módulo sólo se mostrará en la página Tercero de la ESO, tal y como has configurado. Y claro, no lo hará en el resto de entradas sobre la que quieras hacer clic salvo que manualmente así lo asignes. En realidad, lo que deberíamos haber hecho en el Paso 1 es asignar el módulo Materiales a la entrada Tercero de la ESO del menú superior (tal y como hemos hecho), pero también a todas las entradas de su propio menú. Sólo así se mostrará al hacer clic en sus enlaces.

Procedamos:

Acude de nuevo al Gestor de módulos y haz clic en el módulo llamado Materiales con ID = 20 (el de 3º de la ESO). En la página de configuración del módulo localiza el apartado Asignación de menús.

Mantén pulsada la tecla Ctrl de tu teclado mientras pulsas, una a una, todas las entradas del menú menu_materiales3eso, tal y como ves en la siguiente captura de pantalla:

 

Al utilizar la tecla Ctrl añades las selecciones a la primera de ellas, la de la entrada Tercero de la ESO, del menú superior de tu sitio.

Guarda los cambios. Actualiza el Frontend de tu sitio y comprueba el correcto funcionamiento de todas las entradas de los menús superior y del menú de la izquierda de tu sitio Joomla Materiales que se visualiza cuando haces clic sobre la entrada Tercero de la ESO del menú superior de la página.

Repite idénticos procedimientos para el menú Materiales de Cuarto de la ESO, 1º de Bachillerato y 2º de Bachillerato.

Guarda todos los cambios. Actualiza el Frontend y comprueba que, en efecto, todos los enlaces de todos los menús funcionan adecuadamente tal y como deseas.

 

Paso 3. Oculta el menú principal para los enlaces del menú superior

Recuerda que tienes también configurado en el sitio un menú principal, menú que se visualiza en todas las páginas del sitio. Repite los procedimientos ya conocidos para que dicho menú principal sólo sea asignado a las entradas del propio menú. Para ello acude al apartado Asignación de menú del módulo menú principal y con la tecla Ctrl selecciona una a una las entradas del menú principal o mainmenu.

 

Guarda los cambios, recarga el Frontend de tu sitio y comprueba el comportamiento de las diferentes entradas del menú superior. ¡El menú principal ya no se muestra en pantalla, en ningún momento!

Parece que todo funciona correctamente, pero... ¿cómo acudo ahora a la página de inicio si no poseo ninguna entrada en ningún menú que haciendo clic sobre ella me lleve a la página inicial del sitio?

Pues eso... te falta crear una entrada que apunte a la página principal del sitio. Esto... para el artículo siguiente.

Mostrar este artículo en su sitio web

Próximo >

Joomla - Menús