Page 1 of 1

[SOLVED] Need CSS top menu plus simple menu (not submenu) in left column

Posted: Wed May 27, 2009 9:36 pm
by clnewbill
Installation:  CMSms 1.5.4 on LAMP server running PHP 5.  Got it installed for the client using CSS Top menu + 1 Column template with some custom styling.  Current installation is at Huntsville Sew and Vac if you would like to take a look.

Now she wants a static menu in the left column, similar to the lefthand column here.  I can do this the hard way by coding the lefthand column in HTML, changing the template to CSS Top menu + 2 columns, and adding the vertical menu as a PHP include on every page.  Surely there is an easier way to do this within CMSms!

Or - Is there an existing theme similar to this that I could modify?  I looked through the Themes site but did not see one exactly like I need.

Thanks --

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Wed May 27, 2009 9:56 pm
by clnewbill
Looking a little further:  I think I can combine the CSS Top menu with the Simple Left Menu templates.  Now how do I change the template code to separate which pages appear on the top menu and which on the left?

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Wed May 27, 2009 10:20 pm
by Nullig
What I like to do when I have multiple menus like this is to separate them into groups with a menu hierarchy like:

1 - Top Menu (Section Header)
1.1 - Top menu item 1
1.2 - Top menu item 2
1.3 - Top menu item 3
2 - Side Menu (Section Header)
2.1 - Side menu item 1
2.2 - Side menu item 2
2.3 - Side menu item 3
3 - Non menu Pages (Section Header)
3.1 Page not in menu 1
3.2 Page not in menu 2

Then the menu calls can be placed like:

{menu template='topmenu' start_element='1.1' show_root_siblings='1'}
{menu template='sidemenu' start_element='2.1' show_root_siblings='1'}

Of course you need to create the 2 templates to apply the appropriate styling.

Nullig

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Wed May 27, 2009 10:27 pm
by clnewbill
Oh, LOVELY!  I think this will be just what I need.  Off to play, and if I need more help I will be back.

Thank you!

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Wed Jun 03, 2009 12:33 am
by clnewbill
I don't think I can do this.  :(

I can set up the new templates and get some of the menu items to display on the left, but not all of them.

I've also tried the brute force way -- set up the menu in html and try to do an include in the main template, but that doesn't work either.  Guess it's time to see if I can find someone who will set it up for me.

Thanks for your help.

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Wed Jun 03, 2009 6:37 am
by Jeff
If you can be more descriptive about what tried and the result (post your template and the html output/site link) we might be able to help.

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Wed Jun 03, 2009 1:27 pm
by clnewbill
Thank you very much. 

The site is http://huntsvillesewandvac.com (now uses CSS top menu + 1 column).  The test page, which is not shown in the menu, is http://huntsvillesewandvac.com/index.php?page=test-page .

The main problem is that the lefthand column should contain a vertical simple menu of pages in a styled list that looks something like this:

Image

I've set up some of these pages under the test page like so;

Image

I've set up a template based on the CSS + 2 column layout.  Instead of content in the sidebar, I experimented with several menu templates including simple navigation, which didn't work at all (displayed nothing in the left sidebar).  Here is what is in the template now:

Code: Select all

      {* Start Navigation *}
      <div id="sidebar">
         <h2 class="accessibility">Navigation</h2>
         {menu template='cssmenu.tpl'  start_element='9.1'}
      <hr class="accessibility" />
      </div>
      {* End Navigation *}

      </div>
      {* End Sidebar *}
I also tried

Code: Select all

{menu template='cssmenu.tpl'  start_element='9.1' show_root_siblings='9'}
Which displayed only the "Machines" box with the CSS flyout of the three pages under it.

So basically, I can get what's on the page now to show up, or I can get nothing to show up.  I can't figure out how to do a simple list like I want.

Is this enough information, or is there something else I need to provide?

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Wed Jun 03, 2009 6:28 pm
by Jeff
Try having a start element of just 9.

Are you looking for a css menu or a simple static vertical one?

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Wed Jun 03, 2009 6:54 pm
by clnewbill
Static, but when I tried the simple navigation template it didn't display anything at all.

I just tried starting with 9, and nothing displays in the lefthand column.  Take a look and see;

http://www.huntsvillesewandvac.com/inde ... =test-page


This is frustrating because I'm not a complete newbie with PHP, but I guess I can't figure the smarty templates.  Need to learn it, though, and thank goodness the client is being understanding. 

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Thu Jun 04, 2009 8:32 am
by Jeff
When you added the simple nav did you add the corresponding stylesheet to the template?

The current menu isn't working because you can't use the same menu tpl for both of them.

Would it be alright if you exported theme and pm'ed it to me so I can take a close look at it?

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Thu Jun 04, 2009 10:30 am
by clnewbill
Yes, I did add the simple vertical nav menu stylesheet to the template.

Assuming I can figure out the pm system, I'll be happy to send it to you.  Thank you SO much for your help!

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Thu Jun 04, 2009 10:08 pm
by Jeff
The reason it didn't work was because it looks at the surrounding , replace the sidebar menu with this:

Code: Select all

      {* Start Navigation *}
            <div id="menu_vert">
              <h2 class="accessibility">Navigation</h2>
              {menu template='simple_navigation.tpl'  start_element='9'}
            </div>
      {* End Navigation *}

http://cmsms.aandjhosting.com/

Re: Need CSS top menu plus simple menu (not submenu) in left column

Posted: Thu Jun 04, 2009 10:33 pm
by clnewbill
BINGO!!!!

if I knew where you lived, I would send you flowers.  Thank you so much!

:)