Divide Navigation into two

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
User avatar
webform
Power Poster
Power Poster
Posts: 516
Joined: Sat Nov 25, 2006 3:39 pm

Divide Navigation into two

Post by webform »

Is it possible to divide a Navigation menu into 2 seperate menu's?

Lets say i have 10 menu items. The first 5 items should be in Navigation menu no. 1 and the next 5 should continue in Navigation menu no. 2. All menu items is top level pages!

The reason is the client has designed the layout to have two horizontal menu's; one over the page content and one below the page content. Can it be done without i hardcode the navigation menu's?
KO
Power Poster
Power Poster
Posts: 562
Joined: Mon Nov 06, 2006 7:55 pm

Re: Divide Navigation into two

Post by KO »

Yes it can be done. Eighter you specify them as items {menu items="first, second, third, ..."} and on the other one {menu items="sixth, seventh,..."} THis works well if those menu items wont change.

If they do change then you have to make container for them by using Section Header or something else with "do not show in menu" and {menu start_level = "2"}.  So one container for each menu and actuall menu items are in those containers.

there probably is some other ways also but those come to my mind first.

br,K
RonnyK
Support Guru
Support Guru
Posts: 4962
Joined: Wed Oct 25, 2006 8:29 pm

Re: Divide Navigation into two

Post by RonnyK »

Webform,

I had a similar request form someone. I ended up with http://test.krijt.eu. What you can do is use the includeprefix/excludeprefix or start_element to show children of specific headers. I ended up with creating a parent "hd-menu" "sb-menu" and "ft-menu" that I specifically called on the places these should be visible.

Ronny
User avatar
Nullig
Power Poster
Power Poster
Posts: 2380
Joined: Fri Feb 02, 2007 4:31 pm

Re: Divide Navigation into two

Post by Nullig »

For mine, I used the "Top simple navigation + left subnavigation + 1 column" template and my menu was created with two section headers:

1.0 top-menu
  1.1 Hiome
  1.2 Products
  ...
2.0 side-menu
  2.1 Catalogues
  2.2 Brochures
  ...

The menu calls are:

Code: Select all

{menu template='cssmenu.tpl' start_level='2' start_element='1.1' show_root_siblings='1'} <-- top-menu
{menu template='simple_navigation.tpl' start_level='2' start_element="2.1" show_root_siblings='1'} <-- side-menu
You can see it in action here:
http://www.bipurewater.ca

Nullig
User avatar
webform
Power Poster
Power Poster
Posts: 516
Joined: Sat Nov 25, 2006 3:39 pm

Re: Divide Navigation into two

Post by webform »

Thanks guys! This really helped me in the right direction - now i just have to write my CSS  ;D
Locked

Return to “Layout and Design (CSS & HTML)”