Css Flyout Categories Menu troubles

[DrByte]

And you're both running on Zen Cart v1.2.7 ?


I'm having trouble reproducing this behaviour on a fresh install....

[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_

[GwaiTsi]

Hi

This is a great mode but i have a little problem with IE6.

- I have 3 top leave categories
- my sideboxes are 195px
- under IE7 everything works perfect with the CSS stylesheet. perfectly aligned, etc.

Under IE6, the subcategories of the top 2 categories only allow selecting once. Then they no longer open. Also, the right boarder is about 5px too wide.

Greatful for any assistance

[jben]

Hello, I am having a difficult time with the CSS Flyout Categories? I unzipped it and I transfered it over, but it is not showing up on my website? I am not positive that I put the files in the right place.

Can anyone please help me, step by step on where to put the CSS Flyout Add in which files?

I greatly appreciate all of your time to read this and all of your help, as well. Thank you!

[Get Em Fast]

Hello, I am having a difficult time with the CSS Flyout Categories? I unzipped it and I transfered it over, but it is not showing up on my website? I am not positive that I put the files in the right place.

Can anyone please help me, step by step on where to put the CSS Flyout Add in which files?

I greatly appreciate all of your time to read this and all of your help, as well. Thank you!

Did you turn this feature on in Admin>tools>Layout Boxes Controller
after you uploaded your files?

[jben]

Hello, I would turn it on there but it is not showing up there as it would if the database could find the files. Do I keep all of files together and I any tips would be greatly appreciated. Every little bit helps. Thank you I have been working on this for three days and I am not going anywhere with it.

I thank all of you for your help and patience. I am still learning as this is a new process for me. Have a great day!

[clydejones]

Sorry. Had to leave for a bit.
This was just as easy as I thought it would be. Just find these two sections (first part of code):

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: center;
line-height: 23px;
}

and.....

div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
border: 2px solid tan;
background-repeat: no-repeat;
}


And add:

padding-bottom: 1em;

to each on of them, with the results being:

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: center;
line-height: 23px;
padding-bottom: 1em;
}


div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
border: 2px solid tan;
background-repeat: no-repeat;
padding-bottom: 1em;
}


Hope this helps.

Thanks, I also noticed that the contribution I was working with used a "float:left"
declaration which I removed and everything works fine.

[Get Em Fast]

Hmmm.........You sure it was my version? I have no float at all in mine.
Here is the FULL code, just in case you would like to compare:

body {
behavior: url(./csshover.htc);
/* WinIE behavior call */}

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: center;
line-height: 23px;
padding-bottom: 1em;
}
div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
border: 2px solid tan;
background-repeat: no-repeat;
padding-bottom: 1em;
}

div#nav-cat ul.level2 {margin: 10; padding: 2; width: 150px;
background-color: transparent;
border: none;
}
div#nav-cat ul.level2 {background-color: transparent;
}
div#nav-cat ul.level3 {background-color: transparent;
}
div#nav-cat ul.level4 {background-color: transparent;
}
div#nav-cat ul.level5 {background-color: transparent;
}
div#nav-cat ul.level6 {background-color: transparent;
}
div#nav-cat li {background-image: url(../images/b1.gif);
position: relative;
list-style: none;
margin: -2px;
margin-top: 6px;
z-index: 20;
height: 23px;
width: 150px;
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
margin: 10px;
/* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {background-image: url(../images/b1_over.gif);
}
div#nav-cat li.submenu {

background-color: transparent;


}
div#nav-cat li.submenu:hover {background-color: transparent;


}
div#nav-cat ul {background-color: transparent;
}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 150px;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
}
div#nav li a:hover {border: none;
}
div#nav-cat>ul a {width: 150px;
}
div#nav-cat ul ul {position: absolute; top: 0; left: 152px;
display: none;
}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;
}

[motti]

Oops never mind, you been help :)

[Get Em Fast]

If you had rather have roll-over images, you might try my version of this contribution (link in my signature).
Results can be seen at www.linenspace.com (Best viewed in FireFox).