TS: Hauptmenü oben, Submenü links

Submenü an anderem Platzhalter

Manchmal kann es sinnvoll sein, das Submenü (Menü ab zweiter Ebene) an einem anderen, unabhängigen Platzhalter unterzubringen, wenn etwa das Hauptmenü oben horizontal und das Untermenü links vertikal sein soll.

Das folgende Beispiel fügt dazu noch den Namen des Hauptmenüpunktes an einen Platzhalter ein:

  1. # Hauptmenü
  2. temp.mainmenu = HMENU
  3. temp.mainmenu.special = directory
  4. # Welches ist die Wurzel?
  5. temp.mainmenu.special.value = 8
  6. # Einstiegslevel
  7. temp.mainmenu.entryLevel = 1
  8. # Textmenü
  9. temp.mainmenu.1 = TMENU
  10. temp.mainmenu.1 {
  11.   # gesamtes Menü umschliessen mit:
  12.   wrap = <ul>|</ul>
  13.   # einzelnen Menüpunkt umschliessen mit:
  14.   NO.allWrap = <li>|</li>
  15.   # im Titelfeld des Links Titel der Seite ausgeben
  16.   NO.ATagTitle.field = title
  17.   # Sonderzeichen umwandeln
  18.   NO.stdWrap.htmlSpecialChars = 1
  19.   # wenn aktiv (also aktuelle Seite = diese oder deren Unterseite)
  20.   ACT = 1
  21.   # nicht verlinken (optional)
  22.   ACT.doNotLinkIt = 1
  23.   ACT.allWrap = <li>|</li>
  24.   ACT.stdWrap.htmlSpecialChars = 1
  25. }
  26.  
  27. # Submenü
  28. temp.submenu = HMENU
  29. temp.submenu.special = directory
  30. # Einstiegslevel (eventuell verändern!)
  31. temp.submenu.entryLevel = 3
  32. # Referenz zur Hauptmenüseite (damit das richtige Submenü angezeigt wird)
  33. # (eventuell Zahl verändern!)
  34. temp.submenu.special.value.data = leveluid:3
  35. # erste Ebene des Submenüs (= 2. Ebene insgesamt)
  36. temp.submenu.1 = TMENU
  37. temp.submenu.1 {
  38.   # 3. Ebene immer bei allen anzeigen
  39.   # (wenn nicht gesetzt, wird 3. Ebene nur angezeigt, wenn zugehörige
  40.   # 2. Ebene aktiv)
  41.   expAll = 1
  42.   # gesamtes Submenü umschliessen mit:
  43.   wrap = <ul>|</ul>
  44.   # einzelnen Menüpunkt umschliessen mit:
  45.   NO.allWrap = <li>|</li>
  46.   NO.ATagTitle.field = title
  47.   NO.stdWrap.htmlSpecialChars = 1
  48.   # dem Menüpunkt-Link folgende Klasse zuweisen (CSS Formatierung)
  49.   NO.ATagParams = class="linkPicSuper"
  50.   ACT = 1
  51.   ACT.ATagTitle.field = title
  52.   ACT.allWrap = <li>|</li>
  53.   ACT.stdWrap.htmlSpecialChars = 1
  54.   ACT.ATagParams = class="linkPicSuper"
  55. }
  56. # zweite Ebene des Submenüs (= 3. Ebene insgesamt)
  57. temp.submenu.2 = TMENU
  58. temp.submenu.2 {
  59.   # gesamtes Submenü umschliessen mit: nichts
  60.   wrap = |
  61.   NO.allWrap = <li>|</li>
  62.   NO.ATagTitle.field = title
  63.   NO.stdWrap.htmlSpecialChars = 1
  64.   NO.ATagParams = class="linkPic"
  65.   ACT = 1
  66.   ACT.ATagTitle.field = title
  67.   ACT.allWrap = <li>|</li>
  68.   ACT.stdWrap.htmlSpecialChars = 1
  69.   ACT.ATagParams = class="linkPic"
  70. }
  71.  
  72. # Titel des aktuellen Hauptmenüpunktes
  73. temp.menu_leveltitle = TEXT
  74. # gleicher Wert wie bei 'temp.submenu.special.value.data'!
  75. temp.menu_leveltitle.data = leveltitle:3
  76.  
  77. # Menü den Platzhaltern zuweisen
  78. subparts.mainmenu < temp.mainmenu
  79. subparts.menu_leveltitle < temp.menu_leveltitle
  80. subparts.submenu < temp.submenu

So sieht's aus

Dieses Menü ist in ähnlicher Form auf www.neue-kommerzial.de zu finden.

 

Kategorien
TYPO3-Tutorials
Suche