Skip to content

Instantly share code, notes, and snippets.

@SinusMedii
Last active December 14, 2015 20:49
Show Gist options
  • Select an option

  • Save SinusMedii/5147114 to your computer and use it in GitHub Desktop.

Select an option

Save SinusMedii/5147114 to your computer and use it in GitHub Desktop.
TypoScript: TS Setup 03 NAVIGATION BOOTSTRAP
################################################################################################
// MENU
################################################################################################
lib.navigation = HMENU
# Navigation Stufe 1
lib.navigation.1 = TMENU
lib.navigation.1 {
# Wrap um die ganze Navigation
wrap = <ul class="nav"> | </ul>
# Damit das Lvl 2 vorhanden ist, um es auszuklappen
expAll = 1
# Normalzustand
NO.allWrap = <li> | </li>
NO.allWrap.insertData = 1
# Aktivzustand
ACT = 1
ACT.allWrap = <li class="active"> | </li>
ACT.allWrap.insertData = 1
# Wenn Unterseiten vorhanden
IFSUB = 1
# Gib dem li eine spezielle Klasse
IFSUB.wrapItemAndSub = <li class="dropdown"> | </li>
# Gib dem A-Tag zusätzlich eine Klasse
IFSUB.ATagParams = class="dropdown-toggle disabled" data-toggle="dropdown"
# Und füge am Ende des Linktextes das Dreieick ein
IFSUB.ATagBeforeWrap = 1
IFSUB.linkWrap = | <b class="caret"></b>
# Wenn eine Unterseite aktiv ist, gleiche Formatierung wie IFSUB
ACTIFSUB = 1
ACTIFSUB < .IFSUB
}
# Navigation Stufe 2
lib.navigation.2 = TMENU
lib.navigation.2 {
# Wrap um die ganze Subnavigation
wrap = <ul class="dropdown-menu"> | </ul>
# Normalzustand
NO.allWrap = <li> | </li>
# Aktivzustand
ACT = 1
ACT.allWrap = <li class="active"> | </li>
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment