TYPO3 / Typoscript: Multilevel Bootstrap Menü

Hier mal ein schnelles Snippet, welches in dieser oder ähnlicher Form zwar schon bei Google zu finden ist, aber ich wills trotzdem auch mal hier festhalten. Also ein simples Typoscript Schnipsel zur Erzeugung eines Menüs für Bootstrap mit Untermenü und Dropdown...

lib.mainnavigation = HMENU
lib.mainnavigation {
  1 = TMENU
  1 {
    expAll = 1
    wrap = <ul class="nav navbar-nav navbar-right">|</ul>
    NO = 1
    NO {
      wrapItemAndSub = <li class="level-1">|</li>
      ATagParams = class="level-1"
    }

    IFSUB < .NO
    IFSUB = 1
    IFSUB {
      wrapItemAndSub = <li class="level-1 dropdown">|</li>
      ATagParams = class="level-1 dropdown-toggle" data-toggle="dropdown"
      stdWrap.append = TEXT
      stdWrap.append.value = <span class="caret"></span>
    }

    ACT < .NO
    ACT = 1
    ACT {
      wrapItemAndSub = <li class="level-1 active">|</li>
      ATagParams = class="level-1 active"
    }

    ACTIFSUB < .NO
    ACTIFSUB = 1
    ACTIFSUB {
      wrapItemAndSub = <li class="dropdown active level-1">|</li>
      ATagParams = class="dropdown-toggle active level-1" data-toggle="dropdown"
      stdWrap.append = TEXT
      stdWrap.append.value = <span class="caret"></span>
    }
  }

  2 = TMENU
  2 {
    wrap = <ul class="dropdown-menu level-2" role="menu">|</ul>
    NO = 1
    NO {
      wrapItemAndSub = <li class="level-2">|</li>
      ATagParams = class="level-2"
      stdWrap.htmlSpecialChars = 1
    }

    ACT = .NO
    ACT {
      wrapItemAndSub = <li class="active level-2">|</li>
      ATagParams = class="active level-2"
    }
  }
}

2 Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Highlighting von Codes ist mit den Tags  [ts], [php], [html], [javascript], [xml] oder [code] möglich.