Css Flyout Categories Menu troubles

[ts232]

the patch works for me! many thanks to all involved in the fix.

[Muddler]

That was the ticket, works great !!!!!

Much appreciated.

[kelvyn]

I've made the changes and zipped up the contrib and submitted it to the downloads.
Will be version 1.3.0.3.1, I've given Paulm the credit in the upload

[duckydoodles.com]

We have a solution! Many many MANY thanks to Paulm! Paul? Come and take a bow!

Anyway, the fix is to change line 48 in includes\classes\categories_ul_generator.php to

from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd 

I've attached the corrected file. (note: change extension to .php)

Just to confirm, does this patch work with ZC v1.3.0.1? Because I've noticed that you are running an older version of ZC. Thanks.

[kelvyn]

Yes, 1.3.0.1
The LIVE site is 1.2.7, yes, but the development site is 1.3.0.1.
Although with the amount of buglets I'm finding, whether the dev will become the live for a while is another matter!

[duckydoodles.com]

Ok thank-you! I'll have to apply this update ASAP! :-)

[duckydoodles.com]

The menu works great now! I've already changed the color and width to my liking, but there is no space between my flyout menu and the sidebox underneath that. How do I modify that?

Also, there seems to be an extra box between my categories and the "Specials, New Products" etc. How can I get rid of that?

Thanks in advance.

[landshark]

Seems to be working for me as well on 1.2.7

Thank you very much!

[duckydoodles.com]

I just wanted to update my post from above. The space is fine when view in Internet Explorer, but not in FireFox. Also, Firefox displays the width of the rows perfectly, but in Internet Explorer, not all the widths are the same. Any ideas?

You can take a look at what I mean by clicking on the link below.

Thanks.

[duckydoodles.com]

Ok I fixed the problem I had about the width of the rows. I modified the following line in the file includes => templates => YOURTEMPLATE => css => stylesheet_categories_menu.css. I decreased the pixel value from 150px to 146px.

div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 146px; color: white;}

Now all the rows have the same width and line up perfectly both in IE and FireFox.

I also fixed the problem with the extra line in the menu (between my categories and the default All Products, Special Products, etc) that didn't go anywhere. I commented out the following line in the file includes => templates => YOURTEMPLATE => sideboxes => tpl_categories_css.php

$content .= '<ul class="level1"><li><a href=""> </a></li></ul>'; // insert a blank line/box in the menu

I hope this helps anyone else who has the same problem. However, I still have two problems. There is no room between my flyout menu and the sidebox underneath that. This only occurs in FireFox, there is enough space when its displayed in IE. But I also have a light blue line at the bottom of my flyout menu. Any ideas?

Thanks