CSS Dropdown menu for the header- With Categories!

[Get Em Fast]

I hesitated posting but I have been unable to find the answer.

1) How Can I add my own parent menu listing and then add child, sub-categories? Is this done with the categories_ul_generator? If so is there anywhere in this thread that describes how?

2) In my menu the text must read CONTACT_US. When editing to Contact Us (No underscore) in tpl_drop_menu.php something breaks and I lose the site.

I do appreciate any help!

Exactly what are you trying to achieve? Contact Us is ALREADY in this menu. If you don't see it, you've got the wrong menu.

[gsallen101289]

Using CONTACT_US as an example. Goal is to remove the underscore. Any menu tab that contains more than one word is requiring an underscore between each word.

[gsallen101289]

Here is a current screenshot

[Get Em Fast]

Yes, if you're linking to Zen-Cart files such as Contact Us, then in includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php you will see how it was added:

<li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>

Then to keep it from showing in the Menu as CONTACT_US, you will see that the entry is defined in includes/languages/english/extra_definitions/YOUR_TEMPLATE/headermenu.php as

define('HEADER_TITLE_CONTACT_US','Contact Us');

But............like I say, that's for using pre-existing Zen-Cart files, such as the Contact Us Page. For adding Top-Level links of your own that does NOT use pages, just add your link in the tpl_drop_menu.php Something like:

<li class="submenu"><a href="your_top-level_link.php">My Link</a></li>
<ul class="level2">
<li><a href="your_second-level_link.php">My Link 2</a></li>
<li><a href="your_third-level_link.php">My Link 3</a></li>
</ul>

hope this helps.

[Get Em Fast]

Here is a current screenshot

Just a thumbnail. We can't see anything in it.

[gsallen101289]

Thank you for the information. I think I may have solved the problem..

[Soniccc]

Hi! This mod is Great! I'm trying to 'light up' the different dropMenu's (div#dropMenu li a:hover) when hovered, so that their color changes from dark blue to light blue.. I've tried emulating this effect with opacity settings but I cant get it right. Any help would be terriffic, I'm pretty much stuck here...

www.develop.centuriongames.se

Thanks!
Jacob

[GraniteMan44]

I am using ZC 1.3.7 and just installed all of the CSS Flyout Header files but nothing is showing up. I have been through the file structure several times to make sure that I have in fact put everything where it is supposed to go and everything seems to be in place. Only the Catagory tabs I already had in place are visible, but no drop down menu. Is there something I have to turn on or turn off in the admin to get it to show up?

My site: http://www.monumentsplus.com

Thank you.

[DivaVocals]

I am using ZC 1.3.7 and just installed all of the CSS Flyout Header files but nothing is showing up. I have been through the file structure several times to make sure that I have in fact put everything where it is supposed to go and everything seems to be in place. Only the Catagory tabs I already had in place are visible, but no drop down menu. Is there something I have to turn on or turn off in the admin to get it to show up?

My site: http://www.monumentsplus.com

Thank you.

I think you are posting in the wrong support thread.. the "CSS Flyout Header" is a completely different menu module..

[Get Em Fast]

Hi! This mod is Great! I'm trying to 'light up' the different dropMenu's (div#dropMenu li a:hover) when hovered, so that their color changes from dark blue to light blue.. I've tried emulating this effect with opacity settings but I cant get it right. Any help would be terriffic, I'm pretty much stuck here...

www.develop.centuriongames.se

Thanks!
Jacob

From dark blue to light blue. After looking at your site, I assume you're talking about the background color and NOT the font color, correct?

If so, then add this to your stylesheet:

This will change the Main Menu ONLY upon hover:

#dropMenu ul.level1>li:hover {
   background: #87ceeb;
}

Now this will change colors on ALL LEVELS upon hover:

#dropMenu ul.level1 li:hover {
   background: #87ceeb;
}

Hope this helps.

P.S. opacity wouldn't change the color, anyway. It would just make it transparent to a certain degree depending on what your setting was.