Menu with subnavigation

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"
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: Menu with subnavigation

Post by cnymike »

Well, I got it.

There was no need to have Plants A, Plants B, etc start as a 2 level in the pages list. Instead the secret was to keep going in the 1.x levels but deselect "show in menu" option for all the members of the horizontal menu and select "show in menu" option for all the vertical menu members. Thus the pages screen looks like this...

Code: Select all

        1 	Hide 	Top simple navigation + left subnavigation + 1 column 	Section Header 
	1.1 	-   Home 	Top simple navigation + left subnavigation + 1 column 	Content 
	1.2 	-   About Us 	Top simple navigation + left subnavigation + 1 column 	Content 
	1.3 	-   Our Gardens 	Top simple navigation + left subnavigation + 1 column 	Content 
	1.4 	-   Open Days 	Top simple navigation + left subnavigation + 1 column 	Content
	1.5 	-   Ordering & Shipping 	Top simple navigation + left subnavigation + 1 column 	Content 
	1.6 	-   Gift Certificates 	Top simple navigation + left subnavigation + 1 column 	Content 
	1.7 	-   Catalogs 	Top simple navigation + left subnavigation + 1 column 	Content 
	1.8 	-   Plants A 	Top simple navigation + left subnavigation + 1 column 	Content
	1.9 	-   Plants B 	Top simple navigation + left subnavigation + 1 column 	Content 
	1.10 	-   Plants C 	Top simple navigation + left subnavigation + 1 column 	Content
And here is a screen shot of the page now...
http://www.michaelerb.net/senecahill/screen5.jpg
Last edited by cnymike on Tue Oct 03, 2006 3:29 am, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Menu with subnavigation

Post by Dr.CSS »

Well I'll be, learn something every day, never thought about just not showing in menu each page, guess there's no need for the 1. hide page with others under it.... thanks
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: Menu with subnavigation

Post by cnymike »

Well I just stumbled upon that solution. I had no idea what I was doing.

I simply could not get your suggestions about the Hide section header to work. the vertical menu never appeared. Not sure why but at least I've got a working menu now. I'm not sure it's the best way or most correct way to do it, but unless someone else can chime in, I'm going to go with it as my solution.

Thanks for all your input on this.
zdub

Re: Menu with subnavigation

Post by zdub »

I'm a cmsms newbie and would like to do something similar but am having trouble following the back and forth in terms of what worked for you. Can you provide me with a brief synopsis of the steps that you took to accomplish this?

Thanks -

zach
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: Menu with subnavigation

Post by cnymike »

Zach, try to work through some of the ideas discussed in this thread and this other thread...
http://forum.cmsmadesimple.org/index.php/topic,9019.0.html

If you're still stumped, let me know.

Michael
zdub

Re: Menu with subnavigation

Post by zdub »

The more I read this thread the more confused I get. For example, there seems to be different info in replies 3 and 6.  Is there a simple way to sum up the basic steps needed to create a site with both horizontal and vertical menus ala http://www.michaelerb.net/senecahill/screen5.jpg? 
cnymike
Power Poster
Power Poster
Posts: 446
Joined: Sun Jan 22, 2006 3:24 am

Re: Menu with subnavigation

Post by cnymike »

Zach,

You need to login to the test site that Mark provided a link to. Look at his code, particularly the Pages and Templates.
In short, you need to insert a "Section Header" in your pages at the point where you want the vertical menu items to begin. Set it so it is not shown in menu and then each vertical menu item must be a child of the "SectionHeader" break that you created.

You will also have to modify the code in the template and change the "start_element" to where the first vertical menu page is... in my case it was "7".

Look at the attached screen shot and compare the code for my template with the default code for the template.

Code: Select all

<!-- Start Sub Navigation -->
      <div id="menu_vert">
         <h2 class="accessibility">Sub Navigation</h2>

          <!-- NB! The <ul><li> below is only added because several default templates use the same menu stylesheet, to "force" the subnavigation to act as if it's the second level in a list -->
          <ul><li>{menu template='simple_navigation.tpl' start_element='7' collapse='1'}</li></ul>
      <hr class="accessibility" />
      </div>
      <!-- End Sub Navigation -->
Good luck.



[gelöscht durch Administrator]
zdub

Re: Menu with subnavigation

Post by zdub »

EXCELLENT! That's all I needed. Now I can get busy customizing. Thanks much -

zach
Post Reply

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