Support for CSS Flyout Menu

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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:

Code:

---

div#nav-cat li

---

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

Quote:

---

Originally Posted by Get Em Fast

limousin is correct. Right now in:

Code:

---

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.

Quote:

---

Originally Posted by 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?

PHP Code:

---

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.