Support for CSS Flyout Menu

Sorry. I forgot that in document_categories_css.php, you need to change

$title = BOX_HEADING_CATEGORIES;

to

$title = BOX_HEADING_DOCUMENT_CATEGORIES;

so you can change the title of the box.

:thumbsup:

DBB1:

Nope, but that does the trick... Thank you.

Perhaps that little tidbit needs to be included in the readme file that comes with the contribution.

It simply says "Just unzip, install the 3 files included.....enjoy."

The instructions should probably further state that the CSS file still needs to be edited to control the menu layout, that there are no Admin controls. Stating "now, it's much easier to customize your own menu colors without having to know css" is a tad misleading perhaps.

I understand that the contribution has been around forever, but the instructions seem to assume the reader is a long-time user.

I'll contact the contributor and make these suggestions, but in the meantime, maybe this post will help someone new to the flyout menu.

Thanks again for the help!
-DBB1

:clap:
I totally agree. Thankfully I finally found this message. With out this thread I was totally lost. I did not know if I installed this correctly because I did not know where to look to check it out.
Mark

Point taken.........notes, too. :smile: Better, and clearer instructions will be included in the next releases' "readme" file. Hopefully, that will be in a couple of weeks.

Thank you for your feedback.

The readers of this thread could, if they would, start giving me a "wishlist" (if you will) of what they would like to see in the next release.

Such as, do you, as the users of this menu, want:
Full background images?
Just little arrows on items with sub-items?
Or no images at all?

Would you like it to be multi-colored (color-mapped) the way it is now, or would you like it to just be nice-looking "out of the box"?

I know the biggest thing that has haunted this menu is it's lack of support in IE6. But as people are finally starting to catch up and the number of IE6 users are dropping more every day, that's not going to happen. Even FaceBook and Google has dropped IE 6 support. So internet users are soon to have NO choice to upgrade, whether they want to or not.

What WILL happen is the css_hover.htc file will be taken out, and the call to it in the stylesheet will be taken out so this thing will validate.

Everyone take a vote and let me know what you'd like to see.

Thanks for reading,
Robert

Hi GetEmFast,

first tnx for this great mod)

i have a litle problem with new Chrome. In older version everythink looked good but now when ... sorry hard to discribe this problem but if u look at my site and hover above cathegories you'll see that flyout comes under my slideshow description.

How/where can i set so flyout will be always on frontend and not behind other things?

thanks in advance

rapro:

Hi GetEmFast,

first tnx for this great mod)

i have a litle problem with new Chrome. In older version everythink looked good but now when ... sorry hard to discribe this problem but if u look at my site and hover above cathegories you'll see that flyout comes under my slideshow description.

How/where can i set so flyout will be always on frontend and not behind other things?

thanks in advance

make sure your menu has a z-index higher than your slideshow and it should work.

http://www.w3schools.com/css/pr_pos_z-index.asp

limousin is correct. Right now in:

div#nav-cat li

you have a z-index: 1; Set that to z-index: 1000; and you'll be good.

Get Em Fast:

limousin is correct. Right now in:

div#nav-cat li

> 
> you have a z-index: 1; Set that to z-index: 1000; and you'll be good.
just to add, if 1000 doesn't do the trick, make it higher as 1000 didn't work for me.

Yep it was z index, thanks guys.

limousin:

just to add, if 1000 doesn't do the trick, make it higher as 1000 didn't work for me.

Yea, it just depends on what the z-index is on other things on your site. As rapro's highest z-index setting with his image slider was 999, then 1000 with the menu will work fine. I also, tested this out on rapros' site before I posted, so I would know just what setting he would need.

I'm not sure if this is heright area to post but I'm trying to get the CSS drop down (dynamic) to only link to those categories that actually have products in them. I was looking at a way to do it by doing a query on the product_to_categories table using a count greater than 0 to tell it to have no link. My php isn't very good (newbie) and I'm sure it isn't too complicated. I did find the area in the code creating the link just not sure how to do this. Any ideas?

if ($level == 0) {
                $result .= $this->root_start_string;
              }
              
              $result .= str_repeat($this->spacer_string, $this->spacer_multiplier * $level) . '<a href="' . zen_href_link(FILENAME_DEFAULT, 'cPath=' . $category_link) . '">';
              $result .= $category['name'];
              $result .= '</a>';

Paul.........nope.......wrong menu for this thread, but if you don't have products in those categories, you can just disable the Categories and the links will be hidden.

Go to Admin>Catelog>Categories/Products and the first page you see there will be Categories/Products - Top. Now, see the little green boxes on the right?........click on one of those that you don't have products in, then on the next page it brings up, click the "Update" button. That will bring you back to the Categories/Prodcuts - Top, but now you will see your box is red, and that category is gone from your menu.

Hope this helps.

Oh.....paul.......I should mention, I guess, that this totally disables the category or any products in that category from showing in your store, so once you get products in the categories that you've disabled, you'll need to enable them again........the same way......just click on the red box, then update. Now, your box will be green again, and your products will show in your menu and site.

Hi There,

I have uploaded this script into the folders which it has asked me but the menu isn't coming up i.e. the fly outs.

Do i need to turn it on from somewhere. Please help!

dyno123:

Hi There,

I have uploaded this script into the folders which it has asked me but the menu isn't coming up i.e. the fly outs.

Do i need to turn it on from somewhere. Please help!

Yes, go to Admin>Tools>Layout Boxes Controller. Look for it in there. It will show up as "categories_css.php".

I am curious as to why when you have sub-categories that it creates a scroll box when you only have one sub-category? Here is a image to show what I am referring to.

Tmod

tmod, it's because it's set to do that. If you don't want the scroll, just delete the last line in the stylesheet_categories_menu.css:

div#nav-cat ul.level3 li.submenu:hover ul.level4 { height: 200px;overflow: scroll;}

Hope this helps.

Get Em Fast:

tmod, it's because it's set to do that. If you don't want the scroll, just delete the last line in the stylesheet_categories_menu.css:

div#nav-cat ul.level3 li.submenu:hover ul.level4 { height: 200px;overflow: scroll;}

> 
> Hope this helps.
Yep that did the trick, Thanks for that!!

Tmod

Not a problem, tmod........that's what I'm here for.

For those of you who may be interested, I finally got around to making an updated version of this menu.

It has been uploaded to the downloads section and is awaiting approval from the dev-team.

But, it anybody would like a "fresh-off-the-press" copy, just pm me with your email addy, drop me a line, or something, and I'll email you a copy.

Thanks for using the CSS Flyout Menu!

The Dev-Team has approved the new Menu and it is now available in the downloads section

CSS Flyout Menu 1.3.9 with rollover arrows. Includes an image folder filled with 70 arrows and the arrow .psd file for your styling needs!

New readme file with clear installation and usage instructions, as asked for in some previous posts.

Enjoy!