TS for Main menu’s Submenu tree view menu

menu-sub-menuwith-multiple-submenu

 

 

 

 

 

 

 

 

 

 

Here is the TS for the menu which display above :

 

lib.mainMenu = COA
lib.mainMenu{
10= HMENU
10.1 = TMENU
10.1 {
wrap = <ul class=”nav nav-pills nav-main” id=”mainMenu”>|</ul>
noBlur = 1
expAll = 1
IFSUB = 1

NO {
#wrapItemAndSub = <li>|</li>
#ATagTitle.field = 1

allWrap.cObject = CASE
allWrap.cObject {
key.field = uid
7 = COA
7 {
10 = TEXT
10.value = <li class=”dropdown mega-menu-item mega-menu-fullwidth”>|
#10.stdWrap.wrap = <i class=”icon icon-angle-down”></i> |
#10.typolink.ATagBeforeWrap = | <i class=”icon icon-angle-down”></i>
#10.typolink.wrap = | <i class=”icon icon-angle-down”></i>
10.typolink.ATagParams = class=”dropdown-toggle”
#10.typolink.additionalParams = 7

20 = COA
20.wrap = <ul class=”dropdown-menu”><li><div class=”mega-menu-content”><div class=”row”> |</div></div></li></ul>

20.10 = HMENU
20.10.special = directory
20.10.special.value = 76
20.10.wrap = <div class=”col-md-3″><ul class=”sub-menu”><li><span class=”mega-menu-sub-title”>Main Features</span><ul class=”sub-menu”>|</ul></li></ul></div>
20.10.1 = TMENU
20.10.1.NO {
allWrap = <li>|</li>
}
20.10.1.ACT = 1
20.10.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}

20.20 = HMENU
20.20.special = directory
20.20.special.value = 77
20.20.wrap = <div class=”col-md-3″><ul class=”sub-menu”><li><span class=”mega-menu-sub-title”>Headers</span><ul class=”sub-menu”>|</ul></li></ul></div>
20.20.1 = TMENU
20.20.1.NO {
allWrap = <li>|</li>
}
20.20.1.ACT = 1
20.20.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}

20.30 = HMENU
20.30.special = directory
20.30.special.value = 78
20.30.wrap = <div class=”col-md-3″><ul class=”sub-menu”><li><span class=”mega-menu-sub-title”>Footers</span><ul class=”sub-menu”>|</ul></li></ul></div>
20.30.1 = TMENU
20.30.1.NO {
allWrap = <li>|</li>
}
20.30.1.ACT = 1
20.30.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}

20.40 = HMENU
20.40.special = directory
20.40.special.value = 79
20.40.wrap = <div class=”col-md-3″><ul class=”sub-menu”><li><span class=”mega-menu-sub-title”>Blog</span><ul class=”sub-menu”>|</ul></li></ul></div>
20.40.1 = TMENU
20.40.1.NO {
allWrap = <li>|</li>
}
20.40.1.ACT = 1
20.40.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}

30 = TEXT
30.value = </li>
}

default = TEXT
default.value = <li>|</li>

 

}
}

 

ACT = 1
ACT{

allWrap.cObject = CASE
allWrap.cObject {
key.field = uid
7 = COA
7 {
10 = TEXT
10.value = <li class=”dropdown mega-menu-item mega-menu-fullwidth”>|
#10.stdWrap.wrap = | <i class=”icon icon-angle-down”></i>
#10.typolink.ATagBeforeWrap = | <i class=”icon icon-angle-down”></i>
#10.typolink.wrap = | <i class=”icon icon-angle-down”></i>
10.typolink.ATagParams = class=”dropdown-toggle”
#10.typolink.additionalParams = 7

20 = COA
20.wrap = <ul class=”dropdown-menu”><li><div class=”mega-menu-content”><div class=”row”> |</div></div></li></ul>

20.10 = HMENU
20.10.special = directory
20.10.special.value = 76
20.10.wrap = <div class=”col-md-3″><span class=”mega-menu-sub-title”>Main Features</span><ul class=”sub-menu”>|</ul></div>
20.10.1 = TMENU
20.10.1.NO {
allWrap = <li>|</li>
}
20.10.1.ACT = 1
20.10.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}

20.20 = HMENU
20.20.special = directory
20.20.special.value = 77
20.20.wrap = <div class=”col-md-3″><span class=”mega-menu-sub-title”>Headers</span><ul class=”sub-menu”>|</ul></div>
20.20.1 = TMENU
20.20.1.NO {
allWrap = <li>|</li>
}
20.20.1.ACT = 1
20.20.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}

20.30 = HMENU
20.30.special = directory
20.30.special.value = 78
20.30.wrap = <div class=”col-md-3″><span class=”mega-menu-sub-title”>Footers</span><ul class=”sub-menu”>|</ul></div>
20.30.1 = TMENU
20.30.1.NO {
allWrap = <li>|</li>
}
20.30.1.ACT = 1
20.30.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}

20.40 = HMENU
20.40.special = directory
20.40.special.value = 79
20.40.wrap = <div class=”col-md-3″><span class=”mega-menu-sub-title”>Blog</span><ul class=”sub-menu”>|</ul></div>
20.40.1 = TMENU
20.40.1.NO {
allWrap = <li>|</li>
}
20.40.1.ACT = 1
20.40.1.ACT {
allWrap = <li class=”current_page_item”>|</li>
}
30 = TEXT
30.value = </li>
}
default = TEXT
default.value = <li class=”dropdown active”>|</li>
}
# wrapItemAndSub = <li class=”dropdown active”>|</li>

 

ATagTitle.field = 1
# ACT = 1
stdWrap.htmlSpecialChars = 1
ATagParams = class=”dropdown-toggle”

# allWrap = <li> | </li>
}
IFSUB{
# stdWrap.wrap = <div class=”subicon”></div>
stdWrap.wrap = <i class=”icon icon-angle-down”></i>
wrapItemAndSub = <li class=”dropdown”>|</li>
ATagParams = class=”dropdown-toggle”
ATagTitle.field = 1
}

ACTIFSUB = 1
ACTIFSUB {
wrapItemAndSub = <li class=”dropdown active”>|</li>

 

ATagTitle.field = 1
# ACT = 1
stdWrap.htmlSpecialChars = 1
ATagParams = class=”dropdown-toggle”
# allWrap = <li> | </li>
stdWrap.wrap = <i class=”icon icon-angle-down”></i>
}
}

10.2 < .10.1
10.2{
wrap = <ul class=”dropdown-menu”>|</ul>
expAll = 1
NO {
wrapItemAndSub = <li>|</li>
}
ACT = 1
ACT{
wrapItemAndSub = <li>|</li>||<li>|</li>||<li>|</li></ul><ul>||<li>|</li>||<li>|</li>||<li>|</li></ul><ul>||<li>|</li>
ATagTitle.field = 1
stdWrap.htmlSpecialChars = 1
ATagParams = class=”active”
}

IFSUB{
stdWrap.wrap = <div class=”subicon”></div>

}

}

 

10.3 = TMENU
10.3 {
wrap = <ul class=”dropdown-menu”>|</ul>
noBlur = 1
expAll = 1
IFSUB = 1

NO {
wrapItemAndSub = <li>|</li>
ATagTitle.field = 1
ATagParams = class=””
}
ACT = 1
ACT{
wrapItemAndSub = <li >|</li>

 

ATagTitle.field = 1
# ACT = 1
stdWrap.htmlSpecialChars = 1
ATagParams = class=””
# allWrap = <li> | </li>
}

IFSUB{
wrapItemAndSub = <li class=”dropdown-submenu”>|</li>
ATagTitle.field = 1

}

}

}

 

 

 

 

 

 

 

One thought on “TS for Main menu’s Submenu tree view menu

Leave a Reply