How to create an expandable menu
Hello guys, I'm trying typolight and it seems an excellent cms so far
I created a custom navigation menu that I show in a sidebar
This menu should have multiple levels, with sublevels shown only after clicking on the top level (and loading the related page).
I make an example, it's easier than it sounds:
Standard menu, when nothing have been clicked yet:
- Holidays
- Areas
- Shopping
- Nature
When someone clicks on Shopping (or any other item) the related page is shown and the menu is shown as this:
- Holidays
- Areas
- Shopping
---- Food
---- Sports
---- Hi Tech
---- Automotive
- Nature
normally I'd code the website to show a nested <ul> inside a[*] when the user enters the shopping menu item, but if I include Food, Sports Hi Tech in the Custom Navigation page selection all of them are displayed at the same level.
Maybe I'm using a wrong approach...any suggestion?
Re: How to create an expandable menu
to clarify I need to do exactly what they di on http://www.pictorama.de/ (made with typolight)
if you click virtuelle Rundgänge in the left menu some submenu elements are shown
this is exactly what I need
Re: How to create an expandable menu
Use navigation stop level without Hard Limit. This should work.
Re: How to create an expandable menu
I tried your solution but all I get is another menu like the main menu
the items that I want to show in this menu are not those in the main menu
see the screenshot of the admin panel: the items in the green box are those that should be sown in this menu
http://www.imagebullet.com/t/thumb_1qzkcyolAvZv.gif
for these items I checked "hide from navigation menu" and created a custom navigation menu element, but I suppose it's not the way to go...
other items below the box are shown in the main menu
maybe I need to completely reorganize the tree? or what?
Re: How to create an expandable menu
ok I've solved this
I've changed the items that should appear in this menu to be the ones pulled by the main menu and set the Stop level to 1
this actually generates the tree I needed when clicked
Code:
<ul>[*][*]
<ul>[*][*][*][/list]
[*][/list]
now my question is, if I want another menu block like this, how can I create it?
Re: How to create an expandable menu
Rearrange your menu to have the ones you want to have grouped as subsites to one "root" (actually a regular site or a redirection site, or as well a page root). In the navigation module you can select a starting / reference point where the navigation "starts".
Re: How to create an expandable menu
cool, this is done via the reference page function
I supposed it represented some kind of linked content
this makes things a lot easier
thank you guys ;)
Re: How to create an expandable menu
Hi guys,
I want to do the same, but I've got a problem. My subitems are always visible and not expandable!
I use TYPOlight version 2.6.0. What am I doing wrong or do I forgot something?
Re: How to create an expandable menu
Hi Vascom,
try to set the stoplevel =1
Hope there is something like that in youre Module... TL 2.6 is far away ;-)
regards
Re: How to create an expandable menu
Hi MacKP,
Thanks! I was trying to receive this goal with the subnavigation module :? I now setup a main navigation module with stoplevel = 1 and it's working! :D
Re: How to create an expandable menu
While installing the extension [conditionalselectmenu] Conditional Select-Menu is showing a problem saying
status: Not approved for TYPOlight 2.7.2.
I want vertical menu tree like structure. so i am using this. please help me in moving out
Re: How to create an expandable menu
I've changed the items that should appear in this menu to be the ones pulled by the main menu
<< hi, can you tell me how to do this..?
Thanks
= Solved =
there's a setting (hidden LOL) at the Site Structure that allows you to hide the pages you want from navigation menu
:oops: