Die Joomla Split Menu Technik

Achtung, öffnet in einem neuen Fenster. Drucken

joomla_splitmenuEin Split-Menu ist ein einziges Joomla Menu, dass contentabhängig auf zwei verschiedenen Modulpositionen angezeigt werden kann. Auf diese Weise kann man jedem Menupunkt ein eigenes Untermenu zuordnen, welches auf einer anderen Modulposition angezeigt wird, wenn der übergeordnete Menupunkt aktiv ist.

Dies dient zum einen der Übersichtlichkeit, da besonders tiefe Menus auf zwei Modulpositionen angezeigt werden können. Zum anderen weiss der User bei Verwendung der Split Menu Technik auch immer genau in welchem Bereich der Website er sich aufhällt, da sowohl der übergeordnete, als auch der untergeordnete Menupunkt per CSS als aktiv gekennzeichnet werden können.

Wie funktioniert das Split-Menu?

Schritt 1:

  • Joomla Administration
  • Menus
  • Menu auswählen

Joomla Mainmenu mit mehreren EbenenFür das Split-Menu benötigt man zunächst ein Joomla Menu (in unserem Beispiel das Hauptmenu), welches mehrere Untermenupunkte, sogenannte Ebenen beinhalten muss.

Die Untermenupunkte (Ebenen) eines Toplevel Menupunkts werden dann später auf einer anderen Modulposition dargestellt.

Schritt 2:

  • Joomla Administration:
  • Erweiterungen
  • Module
  • Hauptmenu

Joomla Menu Modul (Hauptmenu)Das Joomla Menu Modul unterstützt seit der Version 1.5 zwei neue Parameter ("Erste Ebene" und Letzte Ebene"), die uns nun die Arbeit erleichtern. Öffnen Sie das Modul, in dem die Menulinks der ersten Ebene dargestellt werden sollen, in unserem Beispiel ist das das Modul Hauptmenu.

Hier setzen Sie den Parameter "Erste Ebene" auf "0" und "Letze Ebene" auf "1", damit nur die Menupunkte der ersten Ebene angezeigt werden (siehe Screenshot). (Standardmäßig haben beide Parameter den Wert "0", um alle Ebenen des Menus anzuzeigen)

Schritt 3:

  • Joomla Administration:
  • Erweiterungen
  • Module
  • Neu
  • Modultyp Menu

Joomla neues Menu erstellenJetzt erstellen Sie für jeden Topmenupunkt ein neues Menu Modul und benennen es nach dem diesem, um später den Überblick zu behalten. Um ein neues Modul zu erstellen, klicken Sie auf den Button Neu oben rechts in der Modulübersicht.

 

Diese Einstellungen müssen Sie in den Modulparametern vornehmen:

Titel: der Übersichtlichkeit halber benennen Sie das Modul am besten nach dem Topmenupunkt, bei dessen Aktivität es angezeigt wird.

Position: die Modulposition, auf der das Untermenu dargestellt werden soll (im Beispiel: "left")

Menuzuweisung: Soll das Untermenu Modul nur auf bestimmten Seiten angezeigt werden, können sie bei Aus Liste auswählen den Radio Button aktivieren und die entsprechenden Seiten in der Menuauswahl markieren. Mehrfachmarkierungen sind mit gedrückter Strg-Taste + Mausklick möglich. Soll das Untermenu- Modul auf allen Seiten angezeigt werden, aktivieren Sie den Radio-Button Alle.

Menuname: Es ist wichtig, dass Sie das selbe Menu wie in Schritt 2 auswählen. Das Modul soll sich die Menupunkte der unteren Ebenen dieses Menus greifen und ausgeben. In unserem Beispiel ist das wieder das Menu namens Topmenu.

Erste Ebene: Hier den Wert "1" eingeben, da das Modul nur Untermenupunkte ab der Ebene "1" ausgeben soll.

Letzte Ebene: Hier den Wert der Ebene eingeben bis zu der sich das Modul die Menupunkte greifen und ausgeben soll. In unserem Beispiel ist hier der Wert "3" eingetrangen. Das Menu gibt also alle Untermenupunkte der Ebenen 1-3 aus. Natürlich können Sie das ganze auch mehrfach verschachteln, wenn sie hier beispielsweise den Wert "2" eintragen und ein weiteres Menu mit den Werten Erste Ebene: "2" und Letzte Ebene: "3" erstellen. Aber für unser Beispiel wollen wir es bei dieser einfachen Verschachtelung belassen.

(siehe Screenshot)

Nun wiederholen Sie Schritt 3 für alle Toplevelmenupunkte, die ein Untermenu haben sollen

Ergebnis:

Ein funktionsfähiges Joomla Splitmenu. Wichtig ist natürlich wie immer, dass alle Module auch aktiviert und im Template bestehenden Modulpositionen zugewiesen sind.

Kommentare 

 
#1 dj-records.net 2010-04-03 15:52
Vielen Danke :)
Hat alles wunderbar geklappt.
Das ist wirklich die erste gebrauchbare Anleitung hier im Netz.
Werde sie aufjedenfall weiterempfehlen !
Zitieren
 
 
#2 Klaus Beul 2010-05-24 18:25
Hallo,

auch ich habe aufgrund Eures gut verständlichen Tutorials die Split Menu Technik angewendet. Es klappt alles wunderbar.
Leider bereitet mir jedoch dann die Erstellung einer sitmap z.B. mit dem Tool Xmap Probleme.
Einige Menüpunkte (Beiträge) werden doppelt bzw. mehrfach verlinkt.
Gibt es hierfür eine geeignete Lösung?
Bei Euch klappt es doch auch!

Grüße
Klaus
Zitieren
 
 
#3 Pfefferoni 2010-07-06 12:38
Danke für das übersichtliche tutorial. Hat bestens funktioniert :)
Zitieren
 
 
#4 Yvonne 2010-09-01 07:13
Als erstes vielen Dank für all die super verständlichen Tutorials.

Mein Problem: Ich möchte - wie auf der sich im Aufbau befindlichen website (Übernahme von bisher statischen Seiten) ersichtlich - die Untermenüs sowohl im Hauptmenü (SOS, position hornav) als auch im jeweiligen Bereich links anzeigen. Habe mit Splitmenü gepröbelt, das scheint nicht möglich zu sein. Oder mache ich etwas falsch?
Ich habe meine Vorstellung nun mit Kopie gelöst. Das ist etwas unschön, da in den breadcrumbs je nachdem, wo ich ein Untermenü anklicke, nicht derselbe Pfad angezeigt wird.
Für jeden Lösungsansatz im Voraus herzlichen Dank.

Gruss, Yvonne
Zitieren
 
 
#5 hobby-prog 2011-01-27 18:01
Danke, sehr gutes Tutorial.
Leider kann ich es nicht ganz nachvollziehen, habe das Template rhuk_milkyway. Habe mir mal euer Stylesheet ausgeliehen und damit getestet.
Habe aber z.B. im Quelltext nicht
Zitieren
 
 
#6 egal 2011-02-14 12:16
Bei Joomla 1.6 funktioniert es nicht mehr, wenn man in einem Beitrag einen Link mit Tinymce über den unteren Button "Beiträge" setzt. Dann zeigt er im darauffolgenden Link nur den einzelnen Beitrag an, ohne Menu (der Beitrag wird korrekt angezeigt, wenn man ihn über die normale Menustruktur ansurft).
Jemand eine Idee, wie man das trotzdem machen kann? Einen "normalen" Link setzen geht zwar, aber man kennt ja nicht immer den ganzen Pfad und diese Betragsauswahl in Joomla 1.6 ist ja ganz praktisch.
Zitieren
 
 
#7 Jotti 2011-03-20 21:49
Ein Tutorial wie hier wäre mit Joomla 1.6 echt sehr hilfreich.
Ich habe es ausprobiert funktioniert leider bei Joomla 1.6 nicht.
Zitieren
 
 
#8 Marcus 2011-04-26 21:50
zitiere Jotti:
Ein Tutorial wie hier wäre mit Joomla 1.6 echt sehr hilfreich.
Ich habe es ausprobiert funktioniert leider bei Joomla 1.6 nicht.

Also ich habs ausprobiert und es hat sofort funktioniert.
Zitieren
 
 
#9 Markus 2011-05-06 10:54
SUPER Danke.
Genau das habe ich gesucht.

Vielen Dank
lg markus
Zitieren
 
 
#10 kay 2011-05-08 20:00
Perfekt! Danke für das Tutorial!
Zitieren
 
 
#11 Norbert 2011-06-13 16:23
Vielen Dank, das Tutorium ist echt super.
Gruß
Norbert
Zitieren
 
 
#12 vroendu 2011-11-13 00:41
klappt super, siehe:

www.ursula-bogatzki.ch/

Vielen Dank für diese Anleitung!

WEBdesign kilcher
www.kilchers.ch
Zitieren
 
 
#13 aruba 2011-11-18 23:26
Hallo

Genau solche Anleitung währe gut für Joomla 1.7
Zitieren
 
 
#14 uwe s. 2011-11-27 20:17
Super Anleitung, sogar ich habe das hinbekommen :-) Ein kleines problem gibts noch: Unter MS Explorer ist die Sub-Navigation nicht sichtbar, der Platz wird aber freigehalten. Hat jemand hier einen Tipp an was das liegen kann?
Zitieren
 
 
#15 tschaeck 2012-01-31 16:16
Hi, danke für die Anleitung! ist echt klasse!

eine Frage bleibt für mich offen:

Angenommen ich habe folgende Struktur:

|HOME|
- XXX
- YYY
— xx
— yy
|TEAM|
- FFF
— ff

dann möchte ich, wenn ich bei YYY bin, auch yy sehen, jedoch ff nicht.
wenn ich die ebene 2-3 aktiviere kann ich leider einzelne sub-menüpunkte von FFF nicht ausbelden…

hast du dafür auch noch einen Tipp für mich?

Danke, LG
Zitieren