[FEATURE] Add third menu-level for main navigation. This is an option…

…al output that can be triggered via additional variable. (#107)
t3kit · Jan 13, 2017 · ab8ee1a · ab8ee1a
1 parent 3c32028
commit ab8ee1a
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 0 deletions.
diff --git a/Configuration/TypoScript/Library/lib.menu.main.setupts b/Configuration/TypoScript/Library/lib.menu.main.setupts
@@ -130,3 +130,49 @@ lib.menu.main {
     }
 }
 [global]
+
+
+# Add third navigation level if dropdown and third level is enabled
+[globalVar = LIT:_sub = {$themes.configuration.menu.main.dropdown}] && [globalVar = LIT:1 = {$themes.configuration.menu.main.showThirdNavLevel}]
+lib.menu.main {
+    2 {
+        expAll = 1
+        wrap = <ul class="main-navigation__sub-item-list second-navigation-level"> | </ul>
+        NO = 1
+        NO {
+            wrapItemAndSub.insertData = 1
+            wrapItemAndSub = <li class="main-navigation__sub-item uid-{field:uid} point-{register:count_MENUOBJ} first">|</li>|*|<li class="main-navigation__sub-item uid-{field:uid} point-{register:count_MENUOBJ} middle">|</li>|*|<li class="main-navigation__sub-item uid-{field:uid} point-{register:count_MENUOBJ} last">|</li>
+            ATagParams = class="main-navigation__sub-item-link"
+        }
+        ACT < .NO
+        ACT {
+            wrapItemAndSub.insertData = 1
+            wrapItemAndSub = <li class="main-navigation__sub-item _active uid-{field:uid} point-{register:count_MENUOBJ} first">|</li>|*|<li class="main-navigation__sub-item _active uid-{field:uid} point-{register:count_MENUOBJ} middle">|</li>|*|<li class="main-navigation__sub-item _active uid-{field:uid} point-{register:count_MENUOBJ} last">|</li>
+            ATagParams = class="main-navigation__sub-item-link"
+        }
+        IFSUB < .NO
+        IFSUB {
+            wrapItemAndSub.insertData = 1
+            wrapItemAndSub = <li class="main-navigation__sub-item {$themes.configuration.menu.main.dropdown} uid-{field:uid} point-{register:count_MENUOBJ} first">|</li>|*|<li class="main-navigation__sub-item {$themes.configuration.menu.main.dropdown} uid-{field:uid} point-{register:count_MENUOBJ} middle">|</li>|*|<li class="main-navigation__sub-item {$themes.configuration.menu.main.dropdown} uid-{field:uid} point-{register:count_MENUOBJ} last">|</li>
+            ATagParams = class="main-navigation__sub-item-link"
+            after = <a href="#" class="main-navigation__open-sub-menu-link js__main-navigation__open-third-menu-link">Open</a>
+        }
+        ACTIFSUB < .ACT
+        ACTIFSUB {
+            wrapItemAndSub.insertData = 1
+            wrapItemAndSub = <li class="main-navigation__sub-item {$themes.configuration.menu.main.dropdown} _active uid-{field:uid} point-{register:count_MENUOBJ} first">|</li>|*|<li class="main-navigation__sub-item {$themes.configuration.menu.main.dropdown} _active uid-{field:uid} point-{register:count_MENUOBJ} middle">|</li>|*|<li class="main-navigation__sub-item {$themes.configuration.menu.main.dropdown} _active uid-{field:uid} point-{register:count_MENUOBJ} last">|</li>
+            ATagParams = class="main-navigation__sub-item-link"
+            after = <a href="#" class="main-navigation__open-sub-menu-link js__main-navigation__open-third-menu-link">Open</a>
+        }
+    }
+
+    3 < .2
+    3 {
+        expAll = 0
+        wrap = <ul class="main-navigation__sub-item-list third-navigation-level"> | </ul>
+
+        IFSUB >
+        ACTIFSUB >
+    }
+}
+[global]
diff --git a/Configuration/TypoScript/Library/themes.menu.constantsts b/Configuration/TypoScript/Library/themes.menu.constantsts
@@ -22,6 +22,9 @@ themes.configuration.menu.main.dropdown = _sub
 # cat=menu,advanced/main_menu; type=options[0,1]; label= Enable/Disable Main Menu Dropdown Columns (only works if Main Menu Dropdown is enabled)
 themes.configuration.menu.main.dropdownColumns = 0
 
+# cat=menu,advanced/main_menu; type=options[0,1]; label= Enable/Disable third navigation level
+themes.configuration.menu.main.showThirdNavLevel = 1
+
 
 # Sub Menu
 #############################################