CSS Dropdown menu for the header- With Categories!

Quote:

---

Originally Posted by disciple

I have installed the css dropdown menu and it works great. Thanks!

I would like to put my manufacturers in a dropdown as well. As I looked at how things were being done it appears as though in order to get the catergories menu items many queries and such had to be done via the ul category generator. Would the same type of thing need to be done in order to get the manufactures listed in a dropdown menu?

The reason I ask is that I am not a programmer and I don't think I could it if that is what was required.

Thanks in advance for your response.

Rick

---

Do you think your manufacturers would change much? I'm sure what you're asking can be done, as the manufacturer's sidebox is already programmed to output as an ordered list, so perhaps duplicating and renaming that module, and inserting it into the dropdown header could be done, but that would take a good bit of work, I think. If your manufacturers is relatively stable, the easiest way would be to hardcode it into the menu.

Quote:

---

Originally Posted by DogTags

Is there a way to add a Down Arrow to top-level menu items that contain sub items? (but not to top items that do not contain sub items)

---

See if this works:

add this to your stylesheet_header_menu.css:

div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}

The image is attached. It goes in your includes/templates/YOUR_TEMPLATE/images folder.

Quote:

---

Originally Posted by jettrue

See if this works:

add this to your stylesheet_header_menu.css:

div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}

The image is attached. It goes in your includes/templates/YOUR_TEMPLATE/images folder.

---

1. It was added to all top-level items (even those without sub items)

2. It was also added to sub items that had further sub items

We got the old menus working for the Categories. Has anyone used CSS Flyout with sideboxes? Does this work?

Quote:

---

Originally Posted by DogTags

1. It was added to all top-level items (even those without sub items)

2. It was also added to sub items that had further sub items

---

1. Open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and remove the "class="submenu" from top-level items without sub items. So the contact us link would change to this:

<li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>

2. Add this to the header_menu css file:
div#dropMenu li.submenu li.submenu {background: none;}

OR, you could use the image attached to have arrows pointing right to designate further subcategories, with this css:

div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;}

Quote:

---

Originally Posted by Rabbcon

We got the old menus working for the Categories. Has anyone used CSS Flyout with sideboxes? Does this work?

---

The old contribution *can* work, its just really buggy. I had issue with categories that didn't have subcategories being first in the drop menu, etc.... certain category scenarios causes problems with the old mod. I have used the older sidebox one without issue on a site or two, I believe.

Quote:

---

Originally Posted by jettrue

...I have used the older sidebox one without issue on a site or two, I believe.

---

What do you mean by the "older sidebox one"? Do you mean that you have used the older contribution on a sidebox or there is a contribution for CSS Flyout Sideboxes that you have used? I did not see a contribution for CSS Flyout sideboxes in the download section. I may have overlooked it.

Quote:

---

Originally Posted by Rabbcon

What do you mean by the "older sidebox one"? Do you mean that you have used the older contribution on a sidebox or there is a contribution for CSS Flyout Sideboxes that you have used? I did not see a contribution for CSS Flyout sideboxes in the download section. I may have overlooked it.

---

It's in the downloads, under sideboxes.

Direct Link:

CSS Flyout Menu

I just installed your menu's and they work great. I also installed the lightbox image add on and it works great also, but the problem is that you menu is over the lightbox image. Does anyone know how to get the menu to be in the background behind the lightbox?

click on the image to see the lightbox image and the problem. This is not the final pic, but you should be able to see the problem.
http://sacedout.com/index.php?main_p...products_id=22

thanks for any help.

CMessa

Quote:

---

Originally Posted by cmessa

I just installed your menu's and they work great. I also installed the lightbox image add on and it works great also, but the problem is that you menu is over the lightbox image. Does anyone know how to get the menu to be in the background behind the lightbox?

click on the image to see the lightbox image and the problem. This is not the final pic, but you should be able to see the problem.
http://sacedout.com/index.php?main_p...products_id=22

thanks for any help.

CMessa

---

Hi!

Open up your stylesheet_lightbox.css and add a zero to the end of all of the z-index's.

So if it says

"z-index:10", change it to "z-index:100"

If it says "z-index:90", change to "z-index:900", etc.