Css Flyout Categories Menu troubles

[vjsibley]

I too had this problem and I found it was due to the database prefix not in the code.


I got it figured out...I went into mysql and found out what my database prefix was in this case:

zen_

I then opened up the original tpl_categories.php and edited lines (be sure to back up the original)
17 & 40 I added the zen_ in front of the categories

original line 17
$querydrop = "select parent_id,categories_id from categories";

corrected line 17

$querydrop = "select parent_id,categories_id from zen_categories";


I did the same on line 40

original line 40

$querydrop = "select categories_name,categories_id from categories_description";

corrected line 40

$querydrop = "select categories_name,categories_id from zen_categories_description";

now my catagory menu is working like a charm! now if only I can figure out how to get the menu to sort the catgories by sort order and not by catagory id and I'll be golden!

I hope this helps ya'll


VJ

ps remember if your database prefix is something else like xyz_ , remember to put that in instead of the above example zen_

[DrByte]

Just in case someone gets confused by the above post, the code vjsibley is talking about is unrelated to the CSS Flyout menu contribution being discussed here. However, the point about using the proper database tablename is valid, if you aren't using standard Zen Cart constants to reference tablenames.

[Angel Devoid]

So whats he's talking about in the above post wont fix the problem everyone here is having?

[fricy]

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?

I had the same issue with css flyout in firefox, but it worked flawlessly in IE.
After hunting for days for missing divs or errors in the code (being a new Zen hacker myself), I seem to have found a cure in the css:
Look for

div#nav-cat {float: left; width: 140px; margin: -1px 0 0 -1px;
background-color: #CE318C; font-weight:bold;}

and simply change to:

div#nav-cat {width: 140px; margin: -1px 0 0 -1px;
background-color: #CE318C; font-weight:bold;}

It worked for me. Can anyone explain to me why it works? :) DrByte?

f.

[chris_five]

I can't seem to get the css flyout menu to work using IE6. There is no cascading on mouseover.

Works fine in Firefox.

Any ideas?

cf

[Update: I forgot to install the csshover.htc]

[cherylkemp]

Not sure if this is best placed here or in the css flyout thread, guess I'll try both.

Since installing IH2, my flyout css categories show up underneath the pictures...see here: http://www.divaknitting.com/testzens...cPath=18_65_66

How can I correct this so that the menu shows on top?

[DrByte]

In your stylesheet_menu.css, you have a line that says:

div#nav-cat li {position: relative; list-style: none; margin: 0;

simply add this on the next line:

z-index: 1;

[cherylkemp]

Thank you! I new it had to be something simple :)

[IntelCos]

Ok, I'm having a somewhat minor issue with this as well.

I'm also using tabbedproducts lite and the issue is the css menu places under the tabbedproducts lite thus the flyout is part hidden under the tabbed display.

Any clues on this?

[schatzy]

Great contribution and it works great in both IE and Firefox. Just have one question about the posiblity of putting all the code genrated by this into a .js file. I have a long list of links generated by this flyout menu and it is adding a lot (and i mean a lot) of code to the page. This is causing the relevant part of my page down more that 47Kb from the tope of the page.
The resulting situation is that my listing in Google is suffering. I have found it to be true aht if you can have the relevant content start with in the first 5Kb of the page then it can and will really help you in the organic listings and also reduce your cost in PPC.

Anyone have any idea if it would work to put this all in a .js file so that it will reduce my page size by 40-50KB and allow my real content to be closer to the top of the hmtl page when spidered by Google, Yahoo etc.

Any comments are geatly welcomed

Site is at http://www.labgeardirect.com/catalog