it-swarm-eu.dev

Cosa mi manca per rendere il mio menu a bootstrap navbar?

La mia idea era quella di ottenere l'esempio della barra di navigazione da bootstrap e quindi scambiare il contenuto della barra di navigazione con il codice joomla per ottenere il menu.

Il prodotto finale è:

<!-- Begin Navbar-->
<nav class="navbar navbar-default">
    <div class="container-fluid">
         <!-- Brand and toggle get grouped for better mobile display -->
         <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
         </div>
         <!-- Collect the nav links, forms, and other content for toggling -->
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <jdoc:include type="modules" name="menu"/>
         </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
</nav><!--End navbar-->

Questo non funziona perché il formato non è più disponibile, quindi ho provato ad aggiungere "nav navbar-navbar" a "Suffisso classe modulo".

Cosa c'è di sbagliato nella mia intuizione di come funziona? Non <jdoc:include type="modules" name="menu"/> basta stampare il <ul><li> quale sarà formattato usando nav navbar e navbar-nav?

2
Juan

Il menu funzionerà finché il modello implementerà il componente Bootstrap nav.

Esistono diverse estensioni in JED che generano già la struttura corretta per mostrare un menu di navigazione Bootstrap . Puoi implementarne uno qualsiasi per verificare le migliori pratiche e creare l'estensione in cima.

1
Anibal

È possibile creare una sostituzione del modello per il mod_menu. Lì semplicemente scrivi il tuo codice per l'output del mod_menu.

Per creare una sostituzione del modello per il modulo menu:

  • Individua (o crea se non esiste) le seguenti cartelle di percorso: templates/yourTemplate/html/mod_menu

  • Copia il default.php da modules/mod_menu/tmpl/, nella posizione sopra.

  • In questo file di sostituzione è possibile scrivere il codice desiderato per l'output del layout del modulo menu.

Sono sicuro che questa pagina sarà molto utile:
Joomla: comprensione delle sostituzioni di output

Si noti che di solito la maggior parte dei modelli viene fornita con la propria sostituzione del modello per il mod_menu. Se non si desidera modificare il layout fornito con il modello, è possibile utilizzare un Layout alternativo.

0
FFrewin