Globedia.com

×
×

Error de autenticación

Ha habido un problema a la hora de conectarse a la red social. Por favor intentalo de nuevo

Si el problema persiste, nos lo puedes decir AQUÍ

×
cross

Suscribete para recibir las noticias más relevantes

×
Recibir alertas

¿Quieres recibir una notificación por email cada vez que Everje escriba una noticia?

Como crear un menú responsivo con TB Mega Menu en tema basado en Framework bootstrap para Drupal

18/03/2015 04:40 0 Comentarios Lectura: ( palabras)

En nuestro post anterior explique como crear un site responsivo utilizando drupal y el framework bootstrap para crear un sub theme y empezar a trabajar nuestro tema desde cero.

En esta oportunidad vamos a implementar el módulo TB Mega Menu , que nos permite crear un mega menú responsivo que adapta a distintos dispositivos con una innovadora interfaz de usuario de servicios de fondo, y se sincronizan con el menú del núcleo de Drupa l , algo parecido a la siguiente imagen: image

Este menú es muy funcional y elegante además que da una apariencia de buen diseño responsivo, pero para hacerlo funcionar con bootstrap hay que echar mano a algunos punto que vamos a revisar en este post.

Necesitaremos lo siguiente:

  1. Descargar e instalar el Modulo TB mega menu desde el sitio de Drupal
  2. Descargar e instalar el módulo Jquery_update desde https://www.drupal.org/project/jquery_update
  3. Parchar el módulo TB mega menu para que funcione con bootstrap
  4. Configurar el módulo BT mega menu
  5. Configurar el tema para que funcione el mega menu en vez de menú del core de Drupal

  1. Descargar e instalar el Modulo TB mega menu desde el sitio de Drupal
Para descargue el modulo ir a https://www.drupal.org/project/tb_megamenu descomprimir en la carpeta site/all/modules o instalar directamente desde el panel de administración de módulos de drupal, luego prodecer a activar dicho modulo. image

Más sobre

  1. Descargar e instalar el módulo Jquery_update desde el sitio de drupal
Es posible que este modulo se encuentre instalado ya que es basico para que funcione bootstrap y debe estar configurardo con la versión 1.9, 1.5 y Google, para descargar el modulo ir a https://www.drupal.org/project/jquery_update

  1. Parchar el módulo TB mega menu para que funcione con bootstrap
Para funcione correctamente hay descargar el parche desde el siguiente link https://www.drupal.org/node/2015515 y usar el aporte # 24 descargar y reemplazar el módulo TB mega Menu

  1. Configurar el módulo TB mega menu
Después de aplicar el parche hay que configurar, ir a structure, TB mega Menu, edit Links Tal como muestra en la siguiente imagen: image Luego empezar a crear las opciones del menú, para activar el TB mega menu , despues de guardar ir a Structure, bloques y seleccionar el TB mega Menu: Main Menu para colocarlo en la región Navigation.

image

  1. Configurar el tema para que funcione el mega menu en vez de menú del core de Drupal
Y por último para que funcione nuestro Mega Menu solo hay que desactivar en el Theme; ir a Appearance , Settings, Toggle Display y desmarcar Main Menu y si lo deseas también S econdary menu .

image

Espero que tutorial sirva de apoyo, no olviden dejar sus comentarios. En próximo post ampliaremos este tema.


Sobre esta noticia

Autor:
Everje (82 noticias)
Fuente:
puntodeviaje.blogspot.com
Visitas:
3514
Licencia:
¿Problemas con esta noticia?
×
Denunciar esta noticia por

Denunciar

Etiquetas

Comentarios

Aún no hay comentarios en esta noticia.