Mega menú en Drupal

A menudo se utiliza en portales de mucho contenido o gran escala  los mega menús están volviendo más y más populares, ya que ofrecen una solución eficaz para mostrar una gran cantidad de contenido, manteniendo un diseño limpio.

 

En este tutorial, vamos a aprender a construir un mega menu con drupal 7.

Lo primero descargaremos e instalaremos  los  siguientes módulos y librerías.

  1. Modulo Panel.
  2. Modulo Menu minipanels
  3. Librería qtip
  4. Modulo Update Jquery
  5. Modulo Ctools

Para poder realizar este menú  supongo que tienes  alguna idea del trabajo con lo que son los mini paneles o paneles en drupal, en todo caso  les  explicare come crear el mini panel para nuestro menu.

Una vez instalado los módulos crearemos el mini panel que es el que tendrá la estructura que  formara el mega menú, para esto realizaremos lo siguiente;

  1. Ingresamos a estructura (structure).
  2. Ingresamos a mini paneles (Mini panels).
  3. Presionamos clic en agregar.
  4. Ingresamos el titulo admirativo  y la descripción del modulo.
  5. Luego seleccionamos continuar.
  6. Seleccionamos la estructura o mejor dicho layout de nuestro mini panel, para mi caso selecciono una columna.

  7. Ahora una vez presionamos  siguiente nos pregunta un titulo y agregamos el contenido del mini panel.

  8. Una vez terminamos de agregar el contenido de nuestro mini panel le damos finalizar.

 

Ahora instalando la libreria qtip debiria quedarnos algo parecido.

\sites\all\libraries\qtip

Ahora pasamos a crear el ítem de nuestro menú que despliega  el mini panel, para este fin realizaremos lo siguiente.

  1. Estructura (Structure).
  2. Menus
  3. Menú principal (Main  Menu).
  4. Añadir link (add Link)
  5. Ingreso el nombre del link para el caso ejemplo.
  6. Selecciono la opción Menu minipanel busque el mini panel que cree anteriormente.
  7. Ahora las opciones siguientes nos permiten configurar  estilo y efectos de este menu.

 

Ahora todo completo tendríamos algo como esto.

Mega menu

Añadir nuevo comentario

Resumen Firma

Carlos Hernan Aguilar Hurtado

Desarrollador WEB

Hola,Soy ingeniero informático radicado en la ciudad de Santiago de Cali orientado al trabajo con soluciones WEB, apasionado por la tecnología siempre en la búsqueda de herramientas y alternativas para mejorar el resultado de los objetivos que se presentan con el día a día.

Carlos Hernan Aguilar Hurtado