CSS Dropdown menu for the header- With Categories!

jettrue:

What page do you want to send that link to?

All Products would be great :)

I have this installed on my test site and for some reason I can not get it the titles to show up. It is like the colors are wrong, however I can't get them to work. Any idea what I need to change?

1.3.8a www.mommyandbabyessentials.com/test

Hi,
I use zen lightbox, and when ever i view the image of a product the css dropdown menu still appears infront, where as it should be dimmed and behind it the light box.
https://www.dgtech.co.nz
please help, ill post a question on the zen lightbox thread as well.

scamp:

All Products would be great :)

All right, open up the tpl_drop menu.php and replace the sitemap link with the all products link:

Replace:

with:

jaskarn:

Hi,
I use zen lightbox, and when ever i view the image of a product the css dropdown menu still appears infront, where as it should be dimmed and behind it the light box.
https://www.dgtech.co.nz
please help, ill post a question on the zen lightbox thread as well.

in stylesheet_lightbox.css, change the z-index of #overlay to 9000

thanks,
i actually removed zen lightbox and installed the amazing hover box 3 by ichoze, it really makes zen cart look better, in it i didnt have to change anything.

jettrue:

From doing a google search, it looks like flash prefers to be on top :blush: no matter what z-index you throw at it, and there seems to be no perfect way around it, but one site I read said to set the wmode of the flash to transparent... I think something like this:

<embed src="main_page/ixl_sale.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" [B]wmode="transparent"[/B] name="obj1" width="258" height="326" quality="High"></object>

> 
> Anyway, its worth giving a try

ANYONE solved the flash issue??? (flash staying on top of the dropdown)

z-index is up to no good. WMODE helps but it doesn't work fex. with IE which means I cannot use the whole thing.. PLEAASE I'M BEGGING YOU GUYS

I have added the mod however I am not sure what I have done, it looks fantastic but my site dissapeared!

Please help :)

https://www.sfctechnology.ca

WMODE and "transparent" background does the trick.

Look at this Zen-Cart. Then you can view source to see how they done it. Dropdown menu covers flash.

sfctech:

I have added the mod however I am not sure what I have done, it looks fantastic but my site dissapeared!

Please help :)

https://www.sfctechnology.ca

You don't have all the files uploaded in the correct spots. Check, double check, and triple check.

Very nice mod but I have one problem. I can't get sub-categories to show on under category. :(
I am using zen 1.3.7 with the corresponding version of the mod. I have read through most of these threads but can't find anything. Does anyone have any suggestions?

dnolan:

Very nice mod but I have one problem. I can't get sub-categories to show on under category. :(
I am using zen 1.3.7 with the corresponding version of the mod. I have read through most of these threads but can't find anything. Does anyone have any suggestions?

dnolan, you'll find out later the hard way, so I'll be nice and tell you now.....ANY time you ask for help in the forum, you'll find that you'll get more responses, and faster, if you will also post the URL of your site when asking a question.
It's just sooooooooooo much easier for us to help you it we can see the problem first hand.
So..........URL, please?

Thanks for the advice. Also the IE browsers are sliding the menu way to the right. I use Firefox most of the time and it looks right with Firefox. So I guess I have two serious problems that I need help with.
I just started building this site last week so please overlook some of the other thingys. I plan on asking for a critique a little later.
All help is appreciated. Here's the URL: http://stunstasersandmore.com

poosk:

ANYONE solved the flash issue??? (flash staying on top of the dropdown)

z-index is up to no good. WMODE helps but it doesn't work fex. with IE which means I cannot use the whole thing.. PLEAASE I'M BEGGING YOU GUYS

My advice is: remove the flash, or move it lower. :hug:

dnolan:

Thanks for the advice. Also the IE browsers are sliding the menu way to the right. I use Firefox most of the time and it looks right with Firefox. So I guess I have two serious problems that I need help with.
I just started building this site last week so please overlook some of the other thingys. I plan on asking for a critique a little later.
All help is appreciated. Here's the URL: http://stunstasersandmore.com

One thing I noticed is that you have the header wrapper twice:

(This would be in tpl_header.php). Remove the second one, and its closing </div>

Add a left:0; to #dropMenuWrapperc and #dropMenuWrapperd, and that should fix your IE issue.

What version of the template are you using?

As for the subcategories... do you have any subcategories on your site with products in them?

jettrue:

One thing I noticed is that you have the header wrapper twice:

<div id="headerWrapper" class="clearfix"> <div id="headerWrapper">

(This would be in tpl_header.php). Remove the second one, and its closing </div>

Add a left:0; to #dropMenuWrapperc and #dropMenuWrapperd, and that should fix your IE issue.

What version of the template are you using?

As for the subcategories... do you have any subcategories on your site with products in them?

Well, I guess I'm an idiot! I have the subcategory problem solved but I'm still having problems with IE. I removed one of the header wrappers and added the left:0; as advised. The menu continues to slide out of the table and way to the right.
I am using zen ver 1.3.7 and Apple Zen ver 2.4

dnolan:

Well, I guess I'm an idiot! I have the subcategory problem solved but I'm still having problems with IE. I removed one of the header wrappers and added the left:0; as advised. The menu continues to slide out of the table and way to the right.
I am using zen ver 1.3.7 and Apple Zen ver 2.4
I forgot to post the URL. Hoping someone using MS IE would take a look at my problem. My dropdown is in the right place horizontally but you have to scroll to the right to see it.
http://stunstasersandmore.com

Thanks for this great dropdown menu, it's really a must for zencart and should be built-in imo.

I'm trying to change the dropdown time. The menu will instantly disappear once your not on the menu itself. Apparently this is too fast for some older people and I have to find a solution now sigh

I know that it has to be here somewhere:

var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:(unknown|focus))/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
	onhover:{on:'onmouseover', off:'onmouseout'},
	onactive:{on:'onmousedown', off:'onmouseup'},
	onunknown:{on:'onfocus', off:'onblur'},
	onfocus:{on:'onfocus', off:'onblur'}
}

But I have no clue how to do it, but I think it should be discussed here.
If there is a post here somewhere I would appreciate a link ..
It's a shame that I'm not able to search in this thread or at least I don't know of to do it. Isn't that a vbulletin feature as well ?

Thanks for your help, greatly appreciated!

Oliver

warefare:

Thanks for this great dropdown menu, it's really a must for zencart and should be built-in imo.

I'm trying to change the dropdown time. The menu will instantly disappear once your not on the menu itself. Apparently this is too fast for some older people and I have to find a solution now sigh

I know that it has to be here somewhere:

var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:(unknown|focus))/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
onhover:{on:'onmouseover', off:'onmouseout'},
onactive:{on:'onmousedown', off:'onmouseup'},
onunknown:{on:'onfocus', off:'onblur'},
onfocus:{on:'onfocus', off:'onblur'}
}

> 
> But I have no clue how to do it, but I think it should be discussed here. 
> If there is a post here somewhere I would appreciate a link .. 
> It's a shame that I'm not able to search in this thread or at least I don't know of to do it. Isn't that a vbulletin feature as well ? 
> 
> Thanks for your help, greatly appreciated! 
> 
> Oliver

No, sorry, this is a css based menu, and it doesn't use javascript for all browsers. That csshover.htc file is to just make it work in IE6 and below, however it has no control over menu time, and even if it did, then it would only make changes in browser IE6 and below. To do what you want to do, you'd need to have a javascript based menu.

dnolan:

I forgot to post the URL. Hoping someone using MS IE would take a look at my problem. My dropdown is in the right place horizontally but you have to scroll to the right to see it.
http://stunstasersandmore.com

Ah, the issue is a small error in includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

Change this:

/*green */
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #6084c4!important;background:#85d1ce;}
[B]*/[/B]

To this:

/*green */
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #6084c4!important;background:#85d1ce;}