CSS Dropdown menu for the header- With Categories!

[notageek]

Ladydee,

Don't forget spell-check. Several products have the title word "Latern. Change to "Lantern." This is a very nice site.

[deemurphy]

Thank you. I need all the help I can get the client changes his mind on how he wants things every time I get it done the way he wanted it, then he changes his mind.

LadyDee

[borillion_star]

I have a question that someone might be able to answer, I only want my Categories to only show the first submenu and not drill deeper than the main categories.

Categories->Main_Category_1->subcategory||STOP!

I know it has to be in the categories_ul_generator.php and has to do with the build branch function but the recursiveness of it is a bit over my head.

[FunkyPapa]

Hi, I'm having a slight issue with the drop down. I installed the apple zen template and added in some categories and sub categories. If you start working your way through the drop down for Catgories>For Baby>Diapers>Diapering & Training Accessories .... at that point ALL of the submenus below that fly out at once instead of one at a time. It does this in another place or two where there are quite a few flyouts. Can anyone tell me how to make it stop doing so and only flyout the 'next' sub category? I have tried the search feature, but I'm not sure the terms that I'm searching for would be the proper ones that people may have used before to ask about this issue.

A link to the site is http://funkymunkys.ca

Thank you.

[CES]

@funkypapa

Not sure, but it might be something with you having lots of categories, but no active products in any category apart from the test category.

Craig

[kayamaya]

Hi,

Thank you very much for your wonderful work. I am new to zen cart and have installed the CSS flyout header.

However, my logo now turns out to be very small in the top corner with the 'Home' and 'Login/Register' still there. How should I edit my tpl_header?

I would appreciate it very much if you could help me with this. By the way, you can see what I meant from here:

www.fabulous-spree.com

Thanks a million :)

HI Fabulousspree, in relation to your post at 1780, I had the same problem and isolated it to the tpl_header.php file. I then compared the text in that file to the original zencart tpl_header.php file. Line 70 of the dropdown version has reads:

<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a>'; ?></div>

You need to delete the part of this line that mentions HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT.

the corrected line will read:

<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

I found this fixed the problem for me on two of my websites. hopefully it is the solution to your situation too.

Kayamaya

[andreitero]

Hello, i have this mod installed on my store and it looks great, but in IE7 it shifts the whole page body to the right. Also in IE7 the submenu is overlapping the top menu on mouse hover. I have followed all the instructions in the readme about htaccess and csshover. I do have several errors remaining in my html, but i'm not sure they are the cause and i don't know how to fix them.
Here's my website: http://lemy.co.uk
Any help would be very much appreciated!

[seanymph]

I have install this mod and I think it is great I haven't found any real bad issues and I did look through this thread but I couldn't fing the answer for the issues I am having.

However, there are three issues that I can not work out, one is that in IE there seems to be a faint line between the website banner and the header that's above the drop down menu yet it is displaying correctly in FF.

The other issue is how do I enlarge the font size in the drop down menu as it is all very small.

The other issue is I have image handler installed also, and since installing the drop down menu when viewing a product the image is small like it is in the display of the category or sub-category it doesnt enlarge when you hover over it with the mouse the image is only enlarged when clicking on it.

I have to admit the website is heavily modified, but if someone could help me out with the issues i am having since installing the drop down menu I would really appreciate it.

Here is a link to the website http://www.fantasy-art-originals.com

[deemurphy]

I like what you did, what did you do to get both bars on top just below the logo. In other words which contributes did you use. Also suppose you have subcategories?

Thank you

[first trading]

seanymph Re: CSS Dropdown menu for your header- With Categories!

--------------------------------------------------------------------------------
I have install this mod and I think it is great I haven't found any real bad issues and I did look through this thread but I couldn't fing the answer for the issues I am having.

However, there are three issues that I can not work out, one is that in IE there seems to be a faint line between the website banner and the header that's above the drop down menu yet it is displaying correctly in FF.

The other issue is how do I enlarge the font size in the drop down menu as it is all very small.

The other issue is I have image handler installed also, and since installing the drop down menu when viewing a product the image is small like it is in the display of the category or sub-category it doesnt enlarge when you hover over it with the mouse the image is only enlarged when clicking on it.

I have to admit the website is heavily modified, but if someone could help me out with the issues i am having since installing the drop down menu I would really appreciate it.

Here is a link to the website http://www.fantasy-art-originals.com

In your stylesheet.css find the following:

#logoWrapper

and add the following to the statement:

margin-bottom: -0.2em;

As regards all the other add-ons you've installed you might have to go through all the add-ons to see which files would have been affected from installing the drop down and merge them as oppose to overwriting them.

The text size can be changed by adding:

text-size: 1em; (or any size you like instead of 1em)

To the appropriate statement in the stylesheet.