[TYPO3] Problems with a fold-out menu

[Stig Kjeldsen]

Solve it:

lib.mainMenu = HMENU

lib.mainMenu.entryLevel = 0
lib.mainMenu.1 = TMENU
lib.mainMenu.1 {
   NO.allWrap = <div id="linkmenu-no"> | </div>
   ACT = 1
   ACT.allWrap = <div id="linkmenu-act"> | </div>
}

lib.subMenu = HMENU
lib.subMenu.entryLevel = 1
lib.subMenu {
# first level
   1 = TMENU
   1.wrap = <ul class="linkmenu">|</ul>
   1{
# no state: formatting for normal items
     NO{
       wrapItemAndSub = <li>|</li>
     }
# act state: valid from the rootpage to the actual page
     ACT=1
     ACT{
       wrapItemAndSub = <li class="linkmenu-act">|</li>
     }
# cur state: valid for the actual page
     CUR=1
     CUR{
       wrapItemAndSub = <li class="linkmenu-cur-act">|</li>
     }
# ifsub state: valid for pages that have subpages
     IFSUB=1
     IFSUB{
       wrapItemAndSub = <li class="linkmenu-sub">|</li>
     }
   }

# second level 	
   2 = TMENU
   2.wrap = <ul class="linkmenu">|</ul>
   2{
     NO{
       wrapItemAndSub = <li>|</li>
     }
     ACT=1
     ACT{
       wrapItemAndSub = <li class="linkmenu-act">|</li>
     }
     CUR=1
     CUR{
       wrapItemAndSub = <li class="linkmenu-cur-act">|</li>
     }
     IFSUB=1
     IFSUB{
       wrapItemAndSub = <li class="linkmenu-sub">|</li>
     }
   }

# third level 	
   3 = TMENU
   3.wrap = <ul class="linkmenu">|</ul>
   3{
     NO{
       wrapItemAndSub = <li>|</li>
     }
     ACT=1
     ACT{
       wrapItemAndSub = <li class="linkmenu-act">|</li>
     }
     CUR=1
     CUR{
       wrapItemAndSub = <li class="linkmenu-cur-act">|</li>
     }
     IFSUB=1
     IFSUB{
       wrapItemAndSub = <li class="linkmenu-sub">|</li>
     }
   }
}

page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page



Stig Kjeldsen wrote:
> I’ve been struggling with a menu like this for Templa Voila:
> 
>            LEVEL 1  LEVEL 1  LEVEL 1
> LEVEL 2
>    LEVEL 3
> LEVEL 2
>    LEVEL 3
>    LEVEL 3
> 
> 
> but have run into trouble with the TypoScript. First level is a topbar 
> located in a <div class="mainMenu"> and second and third level is a 
> fold-out menu in the left side located in <div class="subMenu">, but 
> they are not working together. Can anyone see what’s wrong or why my TS 
> is not working? First level is working
> 
> This is my TS:
> 
> lib.mainMenu = HMENU
> 
> # first level
> lib.mainMenu.1 = TMENU
> lib.mainMenu.1 {
>   NO.allWrap = <div id="linkmenu-no">|</div>
>   ACT = 1
>   ACT.allWrap = <div id="linkmenu-act">|</div>
> }
> 
> lib.subMenu = HMENU
> lib.subMenu {
> # second level    
>   2 = TMENU
>   2.wrap = <ul class="linkmenu">|</ul>
>   2{
>     NO{
>       wrapItemAndSub = <li>|</li>
>     }
>     ACT=1
>     ACT{
>       wrapItemAndSub = <li class="linkmenu-act">|</li>
>     }
>     CUR=1
>     CUR{
>       wrapItemAndSub = <li class="linkmenu-cur-act">|</li>
>     }
>     IFSUB=1
>     IFSUB{
>       wrapItemAndSub = <li class="linkmenu-sub">|</li>
>     }
>   }
> 
> # third level    
>   3 = TMENU
>   3.wrap = <ul class="linkmenu">|</ul>
>   3{
>     NO{
>       wrapItemAndSub = <li>|</li>
>     }
>     ACT=1
>     ACT{
>       wrapItemAndSub = <li class="linkmenu-act">|</li>
>     }
>     CUR=1
>     CUR{
>       wrapItemAndSub = <li class="linkmenu-cur-act">|</li>
>     }
>     IFSUB=1
>     IFSUB{
>       wrapItemAndSub = <li class="linkmenu-sub">|</li>
>     }
>   }
> }
> 
> page = PAGE
> page.typeNum = 0
> page.10 = USER
> page.10.userFunc = tx_templavoila_pi1->main_page
> 
> - Stig
>