[SOLUCIONADO] No aparece menú de segundo nivel en bootstrap

[JustinKO]

Hola a todos, estoy tendiendo un problema con bootstrap de Drupal.

Tengo un menú con dos niveles

Informática
--Ordenadores
----portátiles
----Sobremesa
--Impresoras
----Inyección Tinta
----laser
Sonido
…

Este menú lo tengo dispuesto de manera que se vaya desplegando el menú activo.

• Si pincho en informática me aparece desplegado "Ordenadores" e "impresoras".
• y si pincho en Ordenadores, me aparece desplegado "portátiles" y "sobremesa"

El caso es que esto funciona perfectamente en la theme Bartik(por ejemplo). pero el problema lo tengo con la theme bootstrap que solo me despliega el primer nivel del menú .En este caso:

• Si pinchas en "Informática" se desplegaría apareciendo "ordenadores" e "impresoras"
• pero si pincho en un submenú interno ya no me despliega nada.

Estoy buscando por ahí y solo veo soluciones CSS y Javascrip para la versión que no es theme de drupal, pero en este caso no es solución, porque no aparece ni siquiera en el html, por lo que no es una cuestión de CSS, debe de ser una cuestión de los archivos PHP de la theme.


Supongo que es respuesta complicada ya que es algo específico de bootstrap, pero si alguien tiene idea de por dónde menterle mano, aunque solo sea una pista por donde tirar le estaré muy agradecido. (llevo desarrollada toda la web sobre bootstrap por lo que he de seguir por aquí, y sólo se me ocurre la chapuza de meter los <ul> en el html con javaScript.)

Saludos y gracias una vez más

P.D por si me lo preguntáis, sí tengo activo el checkbox del menú de "mostrar expandido", de hecho si no no saldría en otra theme.

[MarioAraque]

El theme no tiene la opción de mostrar submenús? Lo digo porque por ahí no revisaste las opciones del theme.

Igualmente si usas Bootstrap 3, los drop down menús desaparecieron. Esto es lo que puso el autor de Bootstrap:

"Submenus just don't have much of a place on the web right now, especially the mobile web. They will be removed with 3.0" - https://github.com/twbs/bootstrap/pull/6342

Igualmente mira este enlace: https://drupal.org/comment/8147991#comment-8147991
Entra en ese archivo que mencionan y fijate si podés alterar el código de Bootstrap, al menos para que veas el HTML, seguro los estilos no los tengas.

Saludos.

[JustinKO]

Síii!! Funciona!!!

Ya estuve en ese archivo trasteando y de hecho lo manipulé para que me no me añadiera las clases que hacían el efecto "dropdown" que no me interesaba y también estuve manipulando eso que me dices pero como no conseguía que me funcionara lo abandoné.

El caso es que ahora con el link que me ha puesto lo he retomado y he conseguido que me funcione.



Copio y pego el código del archivo menu-link.func.php modificado para que funcione por si alguien se encuentra con mi problema que tenga la solución:
(En el código están comentadas las lineas que hacían que saliera el efecto dropdown, que a mí personalmente no me valía, comento con texto lo que he quitado y he añadido)
AVISO, No soy programador, lo mismo he cometido alguna burrada y aunque a mí me funciona no os fiéis demasiado

Código PHP:

<?php
/**
 * @file
 * menu-link.func.php
 */
 
/**
 * Overrides theme_menu_link().
 */
function bootstrap_menu_link(array $variables) {
  $element = $variables['element'];
  $sub_menu = '';
 
  if ($element['#below']) {
    // Prevent dropdown functions from being added to management menu so it
    // does not affect the navbar module.
    if (($element['#original_link']['menu_name'] == 'management') && (module_exists('navbar'))) {
      $sub_menu = drupal_render($element['#below']);
    }
    elseif ((!empty($element['#original_link']['depth'])) && ($element['#original_link']['depth'] == 1)) {
      // Add our own wrapper.
      unset($element['#below']['#theme_wrappers']);
     
      $sub_menu = '<ul>' . drupal_render($element['#below']) . '</ul>'; //he eliminada la clase "dropdown-menu" (la linea original es la comantada a contineación:
       //$sub_menu = '<ul class="dropdown-menu">' . drupal_render($element['#below']) . '</ul>';
       
      // Generate as standard dropdown.
      //$element['#title'] .= ' <span class="caret"></span>'; //He comentado esta linea para que no aparezca el Triangulo  del "dropdown" 
      //$element['#attributes']['class'][] = 'dropdown'; //He comentado esta linea para que no añada al la clase "dropdown"
      $element['#localized_options']['html'] = TRUE;
 
      // Set dropdown trigger element to # to prevent inadvertant page loading
      // when a submenu link is clicked.
      $element['#localized_options']['attributes']['data-target'] = '#';
      $element['#localized_options']['attributes']['class'][] = 'dropdown-toggle';
      $element['#localized_options']['attributes']['data-toggle'] = 'dropdown';
    }
    
    
        //este elseIf es que que permite desplegar el submenu con profundidad 2
        elseif ((!empty($element['#original_link']['depth'])) && ($element['#original_link']['depth'] == 2)) {
      // Add our own wrapper.
      unset($element['#below']['#theme_wrappers']);
          $sub_menu = '<ul>' . drupal_render($element['#below']) . '</ul>'; //he eliminada la clase "dropdown-menu" (la linea original es la comantada a contineación:
       //$sub_menu = '<ul class="dropdown-menu">' . drupal_render($element['#below']) . '</ul>';
       
      // Generate as standard dropdown.
      //$element['#title'] .= ' <span class="caret"></span>'; //He comentado esta linea para que no aparezca el Triangulo  del "dropdown" 
      //$element['#attributes']['class'][] = 'dropdown'; //He comentado esta linea para que no añada al la clase "dropdown"
      $element['#localized_options']['html'] = TRUE;
 
      // Set dropdown trigger element to # to prevent inadvertant page loading
      // when a submenu link is clicked.
      $element['#localized_options']['attributes']['data-target'] = '#';
      $element['#localized_options']['attributes']['class'][] = 'dropdown-toggle';
      $element['#localized_options']['attributes']['data-toggle'] = 'dropdown';
    }
  }
  // On primary navigation menu, class 'active' is not set on active menu item.
  // @see https://drupal.org/node/1896674
  if (($element['#href'] == $_GET['q'] || ($element['#href'] == '<front>' && drupal_is_front_page())) && (empty($element['#localized_options']['language']))) {
    $element['#attributes']['class'][] = 'active';
  }
  $output = l($element['#title'], $element['#href'], $element['#localized_options']);
  return '<li' . drupal_attributes($element['#attributes']) . '>' . $output . $sub_menu . "</li>\n";
}
 

Saludos y muchísimas gracias una vez Mario, te debo unas cuantas ya :)

[MarioAraque]

Claro, en las lineas 20 y 40, donde tenés los "if", fijate que los filtra por "depth", es el nivel del menú. Si querés añadir una tercera línea solo debés agregar otro IF.

Jeje de nada, un placer ayudarte.