zurb foundation - Combine two menu's in Typoscript -
zurb foundation - Combine two menu's in Typoscript -
i combine 2 menu's 1 mobile. foundation top-bar standaard menu shown , below tip menu 1 menu. don't tip menu wrapped main menu before first . see code below, idee?
topnavigation = hmenu topnavigation.wrap ( <section class="topnavigation"> <div class="row"> <div class="columns large-12"> <nav class="top-bar" data-topbar data-options="back_text: « vorige"> <ul class="title-area"> <li class="name"> <h1><a href="#"></a></h1> </li> <li class="toggle-catmenu show-for-small menu-icon"><a href="#">tips</a></li> <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li> </ul> <section class="top-bar-section"> <ul class="right">|<li class="divider"></li></ul> </section> </nav> </div> </div> </section> ) topnavigation.entrylevel = 0 topnavigation { 1= tmenu 1 { expall = 1 maxitems = 4 no.wrapitemandsub = <li class="top-but">|</li> deed = 1 act.wrapitemandsub = <li class="active top-but">|</li> ifsub = 1 ifsub.wrapitemandsub = <li class="has-dropdown top-but">|</li> actifsub = 1 actifsub.wrapitemandsub= <li class="active has-dropdown top-but">|</li> } 2= tmenu 2 { wrap = <ul class="dropdown">|</ul> no.wrapitemandsub = <li>|</li> deed = 1 act.wrapitemandsub = <li class="active">|</li> } } tipmenu = hmenu tipmenu.special = directory tipmenu.special.value = 8 tipmenu.allwrap = <ul class="left">|</ul> tipmenu { 1 = tmenu 1 { expall = 1 maxitems = 4 no.wrapitemandsub = <li class="top-but">|</li> deed = 1 act.wrapitemandsub = <li class="active top-but">|</li> ifsub = 1 ifsub.wrapitemandsub = <li class="has-dropdown top-but">|</li> actifsub = 1 actifsub.wrapitemandsub= <li class="active has-dropdown top-but">|</li> } 2= tmenu 2 { wrap = <ul class="dropdown">|</ul> no.wrapitemandsub = <li>|</li> deed = 1 act.wrapitemandsub = <li class="active">|</li> } }
you can't combine 1 hmenu within other instead need utilize coa cobject
, coa allows combining many cobjects (even different type):
mycombinedmenu = coa mycombinedmenu.10 < lib.mainmenu mycombinedmenu.20 < lib.additionalmenu mycombinedmenu.30 = text mycombinedmenu.30.value = ...and that's it...
zurb-foundation typo3
Comments
Post a Comment