Leandono's Blog

Aquellos que trabajamos en el entorno de Joomla! más de una vez hemos necesitado menus desplegables para mostrar varios elementos de manera sencilla. El problema surge que los módulos y componentes que  cumplen esa función no nos terminan de servir o gustar. Y cuando encontramos alguno que nos convence vemos que es bastante engorroso cambiar su diseño a uno mas apropiado.

Por eso quería hablar de  JLoMenu , un módulo que permite crear menus deslizantes de manera muy sencilla, mostrando los elementos de forma elegante y muy fácil de adaptar a nuestros diseños.

Una vez descargada la última versión del módulo e instalarlo, vamos a  Módulos --> Módulos del sitio. Allí buscamos el módulo JLo Menu y entramos a su modo de configuración. El principio de funcionamiento de JLoMenu es el de tomar varios menus creados con anticipación, darles un nombre a cada uno de ellos y mostrarlos como elementos del menú deslizante.

Veamos un ejemplo sencillo: Nos concentraremos en dos parámetros, Menu types y Menu titles.

En Menu types introduciremos los nombres de menus creados con anticipación, separados por comas. Por ejemplo introducimos "mainmenu, othermenu, topmenu" que son los nombres de tres menus que vienen de forma predeterminada en Joomla!  En Menu titles introduciremos los nombres que les queremos dar a esos menus para ser mostrados en forma de elementos en el menu deslizante. Por ejemplo introduciremos "Inicio, Joomla!, Home"

Publicamos el módulo y vemos como quedó:

Automáticamente el primer item (Inicio) se abrirá y mostrará los elementos que poseía el menu "mainmenu". Si hacemos click en el ítem "Joomla!" se mostraran los ítems del menu "othermenu" en forma deslizante. Lo mismo con el ítem "Home".

Luego si queremos modificar el diseño tan solo debemos cambiar el CSS que se carga en el parámetro Style. Finalmente también podemos tocar otros parámetros como velocidad del slider, color del separador, background, si queremos que cuando carga la página se abra el primer ítem, etc.