Splitmenü mit "Extended Menu"
Anleitung für Joomla 1.0: Untermenüpunkte mit "Extended Menu" und aktiviertem Hauptmenüpunkt
Szenario: Es soll ein horizontales Topmenü eingesetzt werden. Jeder Topmenüpunkt hat individuelle Untermenüs, die in einer anderen Modulposition angezeigt werden (z.B. links, vertikal). Wird ein Untermenüpunkt aufgerufen, soll auch der Topmenüpunkt den Status "active" haben.
Da dieses Szenario bei Joomla-Usern immer wieder zu Problemen und Hilferufen in diversen Foren führt, finden Sie hier eine kurze Anleitung dazu.
Im Grunde wäre das Szenario auch mit Joomla-eigenen Mitteln zu erreichen. Einziges Manko: Der "active status" für Hauptmenüpunkte, bei aufgerufenem Untermenüpunkt, ist damit nicht möglich. Dafür ist das Modul "Extended Menu" (Download) erforderlich.
Anmerkung: Diese Anleitung ist für das alte Joomla 1.0. Für Joomla 1.5 bzw. 1.6 ist das "Extended Menu" für diesen Zweck nicht mehr erforderlich, da diese Systeme bereits eine Splitfunktion integriert haben. Lesen Sie dazu den Beitrag Splitmenü mit Joomla.
1. Erstellen des Menüs:
Legen Sie zuerst ihre Haupt- und Untermenüpunkte ganz normal im Joomla-"mainmenu" an.
Menu -> mainmenu
2. Installation "Ext. Menu"
Installieren Sie das Modul "Extended Menu" und kopieren Sie es gleich mal.
Modules - > Site Modules -> Extended Menu markieren und rechts oben auf den "Copy"-Button klicken.
Deaktivieren Sie die Module "Main Menu" und "Top Menu" (Markieren und rechts oben den Button "Unpublish" anklicken.
Diese beiden Module werden durch die beiden Ext. Menus ersetzt.
3. Konfiguration horizontales Menü (oben):
Öffnen Sie das erste "Ext. Menu"-Modul.
Setzen Sie "Show title" auf "Nein".
Wählen Sie die Position, in der das Modul angezeigt werden soll.
(Das ist abhängig von Ihrem Template. Im Standard-Template "rhuk_solarflare_ii" wäre es z.B. "user3")
Aktivieren Sie die Option "Published".
Wählen Sie nun unter "Parameters" folgende Optionen:
Menu Name: mainmenu
Source Type: Menu
Menu Style: Flat List
Wenn Sie jetzt die Seite in der Preview ansehen, werden Sie merken, dass das Menü zwar oben angezeigt wird, allerdings mit allen Untermenüpunkten und vertikal.
Das liegt daran, dass das Hauptmenü in der CSS-Datei entsprechend konfiguriert ist. Die vertikale Auflistung wird auch noch gebraucht (für die Untermenüs).
Aber man kann die Formatierung vom "Topmenu" (horizontal) verwenden, indem man beim "Ext. Menu" als Menu Class Suffix "–nav" einträgt.
Anm: Die CSS-Datei finden Sie unter "../templates/templatename/css/template_css.css".
Suffix "-nav" muss natürlich in der CSS-Datei definiert sein (beim Standard-Template ist dies der Fall).
Zwischenstand Preview: Die Hauptmenüpunkte sind horizontal. Klickt man auf einen Hauptmenüpunkt, werden darunter die Untermenüpunkte angezeigt.
Da die Untermenüpunkte hier nicht angezeigt werden sollen, muss das Ext. Menu so konfiguriert werden, dass es nur die erste Ebene des Menüs anzeigt.
Unter "Parameters" finden Sie die Option "Maximum Depth". Standardmäßig ist sie auf 10 gesetzt. Ändern Sie dies zu 1.
Wie Sie vielleicht schon bemerkt haben, wird auch der "active" Status bei den Menüpunkten noch nicht angezeigt.
Wählen Sie daher weiter unten unter "Active Menu Class" die Option "to a-Element"
Das hat vorerst noch keine Auswirkungen, da das "Ext. Menu" dem aktiven Link andere Stilparameter mitgibt, als die normalen Joomla-Menüs.
Default Joomla: id="active_menu"
Ext. Menu: class="mainlevel_current-nav" id="active_menu-nav" bzw. class="mainlevel_active-nav"
Diese neuen Parameter fehlen natürlich in der CSS-Datei. Ergänzen Sie daher die Template-CSS-Datei mit den entsprechenden Angaben.
Beim Standard-Template wäre es z.B. folgende Formatierung:
#mainlevel-nav .mainlevel_current-nav, #mainlevel-nav .mainlevel_active-nav {
color: #fff;
background: #c64934;
}
Die Hauptmenüpunkte sollten jetzt soweit passen.
4. Konfiguration vertikales Menü (links):
Öffnen Sie nun das zweite "Ext. Menu" (das Sie unter Punkt 2 erstellt haben) - "Copy of Extended Menu"
Wählen Sie folgende Einstellungen:
Show title: Nein
Position: left (oder wo immer die Untermenüs angezeigt werden sollen)
Published: Ja
Kein "Menu Class Suffix"
Menu Name: mainmenu
Souce Type: Menu
Menu Style: Vertical
Um die Hauptmenüpunkte in dieser Modulposition nicht anzuzeigen setzen Sie die Option "Begin With level" auf 1
Das war's!
Die entsprechenden Untermenüpunkte erscheinen nun links/vertikal, entsprechend den aufgerufenen Hauptmenüpunkten. Gibt es keine Untermenüpunkte zum Hauptmenüpunkt, wird links kein Untermenü angezeigt.
Anm.: Das "Extended Menu" bietet natürlich noch weitere Einstellungsmöglichkeiten, auf die hier aber nicht eingegangen wurde. (Die restlichen, vorgegebenen Einstellungen passen soweit und müssen für diesen Einsatzzweck nicht verändert werden).
Hier finden Sie komplette Screenshots von den verwendeten Einstellungen für "Extended Menu":
Ext. Menu 1 (75.66 Kb) Horizontale Navigation, oben
Ext. Menu 2 (75.77 Kb) Vertikale Navigation, links
Joomla-Anleitungen:
Bookmark:
