Bootstrap Klasse "nav-link" in alle Menüs eintragen

Hallo ins Forum,

ich möchte allen Menülinks die Bootstrap-Klasse "nav-link" standardmäßig mitgeben (also nicht bei jedem Link im BE als Klasse eintragen müssen). Soweit ich gelesen habe stellt man das im mod_menu ein (also im Override) und hier in der Datei default_component. Hier gibt es zwar die Abfrage, ob beim Link eine Klasse angegeben wurde, so dass dann die im BE eingegtragene Klasse im <a> erscheint.

if ($item->anchor_css)

{

$attributes['class'] = $item->anchor_css;

}

Das soll auch weiterhin so bleiben, da ich ggf. zusätzliche Klassen benötige.

Wie bzw. wo kann ich aber eintragen, dass von vornherein schon die Klasse "nav-link" drin ist und meine eventull zusätzlich eintetragene Klasse im BE erscheinen?

Danke für einen Hinweis und viele Grüße

Steffi

Danke für die Antwort,

ich habe grade Folgendes erfolgreich eingetragen.. einfach das attributes Array erweitert

...
if ($item)
{
$attributes['class'] = "nav-link";
}

if ($item->anchor_css)
{
$attributes['class'] = $item->anchor_css . " nav-link";
}
...

Problem gibt es jetzt jedoch bei Menüpunkten mit Sub-Menu. Hier wird die Klasse nicht eingetragen. Das steht bestimmt an irgendeiner anderen Stelle?

Gruß

Steffi

Hallo Tom,

nein, das habe ich noch nicht. Ich möchte mein Menu / Sub-Menü komplett nach Bootstrap 4 aufbauen. Dazu muss ich imho das komplette Template bzw. die _component Datei umschreiben. Der Code soll letzendlich so aussehen (für ein Dropdown Menüpunkt)

<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">Action</a>
      <a class="dropdown-item" href="#">Another action</a>
      <a class="dropdown-item" href="#">Something else here</a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item" href="#">Separated link</a>
    </div>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>

Hier wird auch für das Sub-Menu ein <div> statt ein <ul> verwendet, die Links sind direkt innerhalb des <div> angeordnet.

Btw. ich teste derzeit das Template Cassiopaia unter Joomla 4.0.10 alpha, was aber eigentlich keine große Rolle spielen sollte.

THX für den Input und Gruß

Steffi

Vielen Dank für den reichlichen Input,

ich habe die Seite jetzt mal auf Joomla4 aufgesetzt, da das ja demnächst der aktuelle Stand sein wird. Hier ist Bootstrap 4 ja schon integriert. Hier nutze ich das neue Template Cassiopaia, wobei auch hier im Menü nicht unbedingt an allen Stellen alle von Bootstrap eigentlich eingesetzten Klassen und data Attribute verwendet werden. Es kann natürlich sein, dass das Template im Laufe der Entwicklung noch weiter angepasst wird. Gem. Boostrap 4 benötige ich unten stehendes HTML. Insbesondere alles was das Dropdown angeht, sollte das data-toggle Attribut und die aria Attribute drin sein. Ebenso ist der Menüpunkt der das Dropdown öffnet eigentlich nicht auf eine Seite verlinkt sonder auf #. Ich forsche nun einfachmal, inwieweit ich die Attribute über die von Tom genannten Menüklassensuffixe eintragen kann und was ich im Template änder muss.

 <ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">Action</a>
      <a class="dropdown-item" href="#">Another action</a>
      <a class="dropdown-item" href="#">Something else here</a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item" href="#">Separated link</a>
    </div>
  </li>

Sorry für die vielleicht einfachen Fragen, ich arbeite mich aber erst in Joomla ein und weiß nicht immer an welcher Stelle was zu ändern oder einzutragen ist, bzw. welche Auswirkungen es hat.

Viele Grüße

Steffi

Ja klar ist alpha nicht für den Produktiveinsatz gedacht. Zunächst ist es mal eine Spielweise für mich, um das System zu lernen. Das mache ich am Besten eben mit "Echtdaten", da erhalte ich schon eine guten Eindruck. Dass man hier und da auf Probleme stößt ist klar, aber das gehört zum Lernprozess und man lernt das System hier am ehesten von der Basis her kennen... und es ist eine echte Umstellung im Vergleich zu TYPO3 was ich bisher gemacht habe.

Beta bzw. offizielle Version soll ja (soweit ich es gelesen habe) Anfang nächsten Jahres kommen.

Vielen Dank für die Hilfe und ein schönes WE

Steffi