CSS Dropdown menu for the header- With Categories!

[Get Em Fast]

No................the download does NOT contain ANY folders called PINKYWINKY...........................you must RENAME the 3 folders named CUSTOM....................BEFORE uploading to your server.

Those folders that MUST be RENAMED are:

includes\languages\english\extra_definitions\CUSTOM
includes\modules\sideboxes\CUSTOM
includes\templates\CUSTOM

Hope this clears things up a little?

Just checked the download and the file structure is : includes,templates,pinkywinky,common,templates. There are know files named: includes\languages\english\extra_definitions\PINKYWINKY\
includes\modules\sideboxes\PINKYWINKY\
includes\templates\PINKYWINKY\
Is this download a bad one?

[sshh2]

Hi,

can someone tell me please how to make the submenu open to the left instead of right?

Thanks

someone??^^^

Thanks!

[caesartrading]

Hi,

Thanks for the great mod.
However, I've spent a few days trying to install this, but it's surprisingly difficult!

Here's my website: https://www.the-ishop.co.uk - you might be able to see that the menu is in fact in the right place (almost, except that it's not centred for some reason), but for reasons unknown, the menu is in fact partially hidden behind whatever the technical name is for the bit its hidden behind... If someone could take a peek at my source code, could you give me some sort of indication as to what's wrong with it? And advice on how to correct it would be marvellous!

Thanks

Tristan

[skinnyo]

This mod work otherwise well, but how can I get only the categories showing in the menu. I mean, I would like list only the top categories and each would have a dropdown for subcategories.

Hope you understood...

[eman37]

Same as above. I would like it to display just the categories in the horizontal menu then subcategories below and sub-subcategories to the right. That would be great and I am so surprised I have not found something. Willing to pay a reasonable fee.
It just grabs the primary categories and put them in a horizontal position.

Thanks for your attention

[chas1]

Several days searching and quite a few people asked for more or less the same info. I have installed ZC ver 1.39h on local machine/winxp/xampp/mysql and would like to know the following methods:
How to change the styling of the main category links for the alternative_tpl_drop_menu.php of the css_horizontal_dropdown_menu with jquery for example the generated menulist for the top categories is:

Men's Clothes Ladies Clothes Kids Clothes<-- top cats

Shoes Shoes Shoes <--subs(dropdowns)

Socks Socks Socks " " " " " " "


The menu has same styling for all dropdowns and I would like to style each different.I can hard code this but then when you add new products to a category you have to add it manually when the Ul_generator does this for you.

[Get Em Fast]

Okay.............I took a look. Are you SURE you want to hear this?
I see several things that's not right.............and not just with the menu, but SEVERAL things in the header alone, that's keeping this from displaying, but other things as well, such as your old navMain links (Home, Login), Search and Currencies.
If you want to hide something, you should never use "overflow: hidden;", unless it's something like an image slider, where it MUST be hidden. You should find the section that you want to hide, and comment it out in the php file(s). That way, all your display, alignment and positioning isn't so complicated that you make so many mistakes while doing so.
Plus..............while it's hidden to me, you, and the rest of the 'seeing' world...........what about the blind who uses a "reader"? To a piece of software like a "Reader", you're not hiding anything, as the reader can still see it..................and whatever else that happens to be in the same line, whether WE can see it or not. This can get very confusing for a blind person.

What I'm referring to.........that is a big part of your 'non-display' of the header menu................is in your stylesheet_tm.css, you can change the 'hidden' to 'scroll', or totally delete the overflow: hidden; from that line, and see what I mean:

#header .top-bg{ background:url(../images/top-bg.jpg) top center  no-repeat; width:100%; overflow:hidden; height:137px;  position:relative;}

Yea.............see? You don't see the menu yet, but you DO now see the navMain links, search, etc, right?

Now, I also found in your stylesheet_header_menu.css a line that needs to be changed....:

div#dropMenu ul.level1 {
         background: none repeat scroll 0 0 #4F4F4F;
         float: left;
         margin: 0 auto;
         text-align: center;
         width: 70%;
         z-index: 1000;
         display: none;
         }

...............change the "display: none;" to "float:left;" This is the TOP level of the menu. If you hide it, you hide the whole menu................which, I guess, you MAY have done since you couldn't get it to display correctly?

Anyway................make those 2 changes, and you'll be able to see everything I was talking about, plus the drop menu. It's going to look like crap until you get everything straightened up.............but, that will at least get you on the way.

Oh............and I'm not trying to cut your site down or anything like that, as it is a very nice site..............I was just letting you know that you had a few little 'bugs' to kill. :)

Hope this helps.

Hi,

Thanks for the great mod.
However, I've spent a few days trying to install this, but it's surprisingly difficult!

Here's my website: https://www.the-ishop.co.uk - you might be able to see that the menu is in fact in the right place (almost, except that it's not centred for some reason), but for reasons unknown, the menu is in fact partially hidden behind whatever the technical name is for the bit its hidden behind... If someone could take a peek at my source code, could you give me some sort of indication as to what's wrong with it? And advice on how to correct it would be marvellous!

Thanks

Tristan

[chas1]

Get Them Fast

I have uploaded the menu to www.cedlabs.com/chas/cart that
post #2176 refers to,if you have time would you take a look
I would like to be able to style the dropdowns different if possible.
The menu there has been hard coded.Better viewed in FireFox.

[Get Em Fast]

Chas,

While this is PART of this menu, it's also PART other menu, creating a whole new thing, so I'm going to move this one into a pm.

Just for a quick answer, though................With this original menu................no. You cannot style each dropdown to be different............unless you START with the instructions included with the jquery version for using the "Alternative Categories_ul_generator.php". Then, it's a real challenge, and has not been perfected, yet.

Now with the menu you've got going on................it's TOTALLY possible! pm coming.

Oh..............it's Get Em Fast.............rolls off the tongue better without the "TH" in front of "Em".

Get Them Fast

I have uploaded the menu to www.cedlabs.com/chas/cart that
post #2176 refers to,if you have time would you take a look
I would like to be able to style the dropdowns different if possible.
The menu there has been hard coded.Better viewed in FireFox.

[Get Em Fast]

This mod work otherwise well, but how can I get only the categories showing in the menu. I mean, I would like list only the top categories and each would have a dropdown for subcategories.

Hope you understood...

Same as above. I would like it to display just the categories in the horizontal menu then subcategories below and sub-subcategories to the right. That would be great and I am so surprised I have not found something. Willing to pay a reasonable fee.
It just grabs the primary categories and put them in a horizontal position.

Thanks for your attention

Sure. Perfectly.

Sorry so long on the reply. I've been so busy, I barely have time to even breathe. :)

Anyway, START with the instructions included with the jquery version for using the "Alternative Categories_ul_generator.php". There's also an extra alternative_tpl_drop_menu.php included, in which you will need to use. I would go into more details here, but the readme.html file will explain everything about using the "Alternative" files.

Once you two have done that, if you're still having problems, don't hesitate to give me a shout.


Hope this helps.