2016-07-02 23 views
1

Ich habe den folgenden TypoScript-Code für meine TYPO3-Seite, um die Bootstrap-Navigation zu verwenden.typoscript bootstrap navigation dritte ebene typo3

 MENU = HMENU 
    MENU.entryLevel = 0 
    #NAVIMAIN.excludeUidList = 

    MENU { 
    1 = TMENU 
    1 { 
     expAll = 1 

    NO.allWrap = <li>|</li> 
    NO.ATagTitle.field = abstract // description // title 

    ACT = 1 
    ACT.wrapItemAndSub = <li class="active">|</li> 
    ACT.ATagTitle.field = abstract // description // title 

    IFSUB = 1 
    IFSUB.before = <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
    IFSUB.after = <b class="caret"></b></a> 
    IFSUB.doNotLinkIt = 1 
    IFSUB.wrapItemAndSub = <li class="dropdown">|</li> 
    IFSUB.ATagTitle.field = abstract // description // title 

    ACTIFSUB = 1 
    ACTIFSUB.before = <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
    ACTIFSUB.after = <b class="caret"></b></a> 
    ACTIFSUB.doNotLinkIt = 1 
    ACTIFSUB.wrapItemAndSub = <li class="dropdown active">|</li> 
    ACTIFSUB.ATagTitle.field = abstract // description // title 

    wrap = <ul class="nav navbar-nav">|</ul> 
    } 

     2 = TMENU 
    2 { 
    expAll = 1 

    ACT = 1 
    ACT.wrapItemAndSub = <li class="active">|</li> 
    ACT.ATagTitle.field = abstract // description // title 

    ACTIFSUB = 1 
    ACTIFSUB.wrapItemAndSub = | 
    ACTIFSUB.before = <li class="divider"></li><li class="nav-header"> 
    ACTIFSUB.after = </li> 
    ACTIFSUB.doNotLinkIt = 1 
    ACTIFSUB.ATagTitle.field = abstract // description // title 

    NO.allWrap = <li>|</li> 
    NO.ATagTitle.field = abstract // description // title 

    IFSUB = 1 
    IFSUB.before = <li class="divider"></li><li class="nav-header"> 
    IFSUB.after = </li> 
    IFSUB.doNotLinkIt = 1 
    IFSUB.ATagTitle.field = abstract // description // title 

    SPC = 1 
    SPC.allWrap = <li class="divider"></li><li class="nav-header">|</li> 

    wrap = <ul class="dropdown-menu">|</ul> 
    } 

das funktioniert absolut gut, wenn ich eine 2-Ebenen-Navigation habe. Wie kann ich Navigationspunkte der dritten Ebene ausdrucken?

Sie sollten nur

dank unter der zweiten Ebene gezeigt werden.

enter image description here

Antwort

1

"Wie kann ich drucken Navigationspunkte der dritten Ebene?"

Genau die gleichen wie in der zweiten Ebene (und die gleichen in 4-ten, 5-ten. .. 99.), was mehr ist, müssen Sie nicht die vollständigen Definitionen in jedem Level zu schreiben, wie Sie erben es von einem früheren und überschreiben nur, was erforderlich ist. Beispiel, das gut mit Bootstrap 3 funktioniert

10 = HMENU 
10 { 
    1 = TMENU 
    1.expAll = 1 
    1 { 
     NO.wrapItemAndSub = <li>|</li> 

     ACT = 1 
     ACT.wrapItemAndSub = <li class="active">|</li> 

     IFSUB < .NO 
     IFSUB = 1 
     IFSUB.wrapItemAndSub = <li class="dropdown">|</li> 
     IFSUB.ATagParams = class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" 

     ACTIFSUB < .ACT 
     ACTIFSUB.wrapItemAndSub = <li class="active dropdown">|</li> 
     ACTIFSUB.ATagParams = class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" 
    } 

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

    3 < .2 // level 3 
    4 < .2 // level 4 
    5 < .2 // level 5 
    // ... 
    99 < .2 // level 99 
} 
+0

Danke, aber das funktioniert nicht wie meins ... nur einige li aus dem dritten leved drucken. Screenshot oben hinzugefügt. – Felix

+0

Problem gelöst. Ich muss das nur löschen: 'wrap =

'in der dritten Ebene – Felix

Verwandte Themen