CSS Dropdown menu for the header- With Categories!

Natty:

Hey fellow Zenners

I'm lookin at adding a couple of my EZ-Pages into the Category list of the drop down menu.

I've can't find where I can add a couple of URL's to display with my Categories.

Hope some can help
Thanks
Natty

I had a thought... outside of the box.

Move the content of my ez-pages (just some amazon associate links) to Products in a Category with a Product Type of Document General and I've removed the image link from template. Just what I was after. Result.

Time for me to get back in my box now.

Thanks
Natty

Hey all,

I have been using this mod for the past year or so.

I just noticed that my text in the drop down menus are not correctly aligned they are cut off and extend over the box.

Link: https://www.truwater.com.au

I would like to extend the width to match the main buttons on the header. I have tried through the css but could not get it to work.

Any advise would be great thanks.

photogirl:

The only problem I'm having is that I want to change the heading of "Categories" to "Products" and I can't seem to find the right file/include that will allow me to change that.

Check tpl_drop_menu.php in includes/teamplates/your_template/common

You will find it in there where it has this PHP snippet:

echo HEADER_TITLE_CATEGORIES;

You could change this to:

echo 'Products';

That will do what you want it to do.

Hi guys, I'm using this mod on babyclothingcentral.co.uk and it works really nicely, only thing is I don't need the top level categories of 'baby boys clothes' and 'baby girls clothes' to be links. Is there anyway of turning them into just text while still keeping the other top level categories (ie 'comforters & soft toys') as links?

ps, if you click on 'baby boys clothes' you'll see why I don't want them to appear, they are from an old design of the site and aren't needed anymore

thanks

Hi...
I posted this query to the AppleZen support site but there has been no response so I am wondering if the same or similar rules apply to this dropdown menu.

The AppleZentemplate came with 6 dd menu bars in the header.
I removed two sections from the DDown menus and copied the 'HOME' or 'catalog' header and submenus to position # two (leaving a net five headers). Thru css.stylesheet I adjusted the header width to 20% (from the previous 16.67%) -that worked and the headers refilled the full width of the header bar BUT the submenus still are at old size.

Q1 --how to adjust width of each to match new header size?

Q2 --- The first header is OK/ The second header is a copy of the old INFORMATIOON header redefined to become the new BOOKS header.
I need to make each a book("S & G At Home" etc.) with either an internal link to EZ Page 2/3 etc so I can alter the contents there OR an external URL link I thought I had defined these OK but for the life of me I cannot work out how to substitute/ link and change the name for each of the existing four.

Its a great site.. but support seems to be limited at this time.

Thanks in advance. If the answers are already out there, just a post a number or direction would be fine.

Site is https://www.sootieandgemma.com if anyone can help. Iam in 1.9.3d using Mozilla. I am a newbie if it has not already shown!

Barrie (from way down under)

I'm getting a CSS Validation error that several others have mentioned in this and other threads over the past couple years.

I have found several postings about the problem but no solution.

The css error is:

body Property behavior doesn't exist!

Here is the way it appears in the stylesheet_header_menu.css file

body {
behavior:url(includes/csshover.htc)
}

In this thread
http://www.zen-cart.com/forum/showthread.php?p=857205&highlight=behavior%3Aurl%28includes%2Fcsshover.htc%29#post857205

there was a solution posted about using the IE6/Javascript mod, but that solution caused the css to validate but not the headers to drop down properly in IE and apparently the only way to get them working again was to put the non-validating code back in the stylesheet and sacrifice having a non-validated site.

If anyone has found a solution so a site will validate AND can still maintain the css drop-down headers I'd appreciate the info.

Zencart ROCKS!

schla104:

I am having the exact same problem I believe. I am using zen cart v1.3.9c and when I try to use this mod on a clean copy of the default template, the home button looks normal, but the rest of the stuff has some strange text in it. It doesn't display all of the buttons and actually stops the rest of the site from loading. This is on my development copy on my WAMP 2.0i setup.

Has anyone been able to get this to work with 1.3.9c?

I even tried another route of creating a copy of the apple zen template(which uses this menu). I can use the original version of the template fine. When I try to use my copied version, that's when things get screwy. I haven't even change anything. Just copied the apple zen folder in includes>templates. The copy does continue to load though unlike the previous example.

Hi all, I am a newb by all means but I do have a few tips with this mod and maybe someone can help me too here.
1.) Make sure you follow the template system so when you upgrade you do not overwrite files that make this work. I do not know the exact link but look at the faq/tutorial and set up your template properly so upgrading is easier.
2.) If you wish to limit your categories you must edit the categories_ul_generator
var $root_category_id = 1,
$max_level = 1 Max level 1 means only top level will show
2 will go top + one ect ....... Again I am a newb so I no almost zero about what it means.......
3.) You can edit this even more and change your tpl_drop_menu and get your top level cats to tile across, if anyone needs to know how I can post, I just hate typing ....lol Also you have to edit your Extra definitions file located includes/languages/english/extra_definitions/your_template/headermenu.php this is where the name shows up so edit this if you would like categories to say products ect ect....

I think these explanations should help those who have recently posted of problems with strange titles and the drop downs not working.

Now for the help I need
I need to make it so 7 or so menus fit across the bar. I think this is done in the style sheet but I really do not know where, I will continue to fiddle with it and I will post when I figure it out, but if someone can let me know I would appreciate it. Also I do not know where the author has gone but I have not seen her post in sometime, I hope all is well.........(maybe they just got sick of supporting this)

OK, the dropdown menu mod is great and I have it working quite nicely but am getting exhausted trying to figure out how to remove or fill the spare white space to the left of the menu.

URL is https://www.plumfashion.co.uk/store. Am using v. 1.3.9b. Would be grateful if someone could tell me how to rectify this.

Also, in FF the menu overlays the shockwave quite nicely but in IE, of course, this isn't so. Any clues how to fix this please?

Many thanks.

Forgive me, I have not read all 189 pages of this thread! I'm using 1.3.9d. Are there known issues/a thread for known issues in this version of zen cart? Many thanks in advance.

OK- fixed the white space thing (hurrah) but still having a few niggles with the menu.

Can anyone advise how to get the menu and drop downs to appear above shockwave movie. It works in FF for me, but not in IE.

Also, if anyone knows how to resize the drop downs so they match the static labels in the main menu block I would be very grateful.

Site here: https://www.plumfashion.co.uk/store.
using version 1.3.9b
Thanks!

Hello,
I would love to have this CSS drop down menu open up to a larger selection option of sub-categories when you hover over a main category. I have included a "screen shot" of what I'm trying to achieve. Any help on this would be greatly appreciated. The site I took the screen shot from sells safety supplies. You can see I was hovering over "Personal Protection" and a very large subcategory popped up and offered quite a few subcategories. The sub category links are simple text links.

Hi guys!First off,God bless this forum-it is fantastic.In the past couple months I have learned so much from everybody who posts here.Secondly,big thank you to the creator of CSS Flyout menu.You did a fantastic job!

And now the question:I'm trying to create new "About Us" page."About Us" menu button has already been created.I've added necessary info to tpl_drop_menu and created define_about.php in /includes/languages/english/html_includes.
When I click About Us menu button, the page is empty and there's no text which I inserted.

How do I enable "About Us" page?Am I missing any steps?

Please HELP:unsure:

marnikca:

Hi guys!First off,God bless this forum-it is fantastic.In the past couple months I have learned so much from everybody who posts here.Secondly,big thank you to the creator of CSS Flyout menu.You did a fantastic job!

And now the question:I'm trying to create new "About Us" page."About Us" menu button has already been created.I've added necessary info to tpl_drop_menu and created define_about.php in /includes/languages/english/html_includes.
When I click About Us menu button, the page is empty and there's no text which I inserted.

How do I enable "About Us" page?Am I missing any steps?

Please HELP:unsure:

I'm trying to create an about us page but can't figure out how to add the tab (does it have to be coded in?).

I got the tab working.

Is there a way to make it so a tab on the nav bar won't link to anything?

Anyone have an answer to my post above (post #1871)? I think quite a few people would benefit from having the drop down menu offer a larger selection option in the drop down. See the attached screen shot in the post above. (#1871) Thanks.

New Zenner

Join Date: Jun 2010
Posts: 4 Re: CSS Dropdown menu for your header- With Categories!

Hi...
I posted this query to the AppleZen support site but there has been no response so I am wondering if the same or similar rules apply to this dropdown menu.

The AppleZentemplate came with 6 dd menu bars in the header.
I removed two sections from the DDown menus and copied the 'HOME' or 'catalog' header and submenus to position # two (leaving a net five headers). Thru css.stylesheet I adjusted the header width to 20% (from the previous 16.67%) -that worked and the headers refilled the full width of the header bar BUT the submenus still are at old size.

Q1 --how to adjust width of each to match new header size?

Q2 --- The first header is OK/ The second header is a copy of the old INFORMATIOON header redefined to become the new BOOKS header.
I need to make each a book("S & G At Home" etc.) with either an internal link to EZ Page 2/3 etc so I can alter the contents there OR an external URL link I thought I had defined these OK but for the life of me I cannot work out how to substitute/ link and change the name for each of the existing four.

Its a great site.. but support seems to be limited at this time.

Thanks in advance. If the answers are already out there, just a post a number or direction would be fine.

Site is https://www.sootieandgemma.com if anyone can help. Iam in 1.9.3d using Mozilla. I am a newbie if it has not already shown!

Barrie (from way down under)

You need to find this code:

div#dropMenu ul.level1 li.submenu:hover ul.level2,
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {width: 167px;display:block;z-index:10000;border: 1px solid #999999;}

Change the width to 100% or if you want the drop downs to be wider 120% etc. I have changed mine to px for cross browser spacing issues.

Re: CSS Dropdown menu for your header- With Categories!

---

Hey all,

I have been using this mod for the past year or so.

I just noticed that my text in the drop down menus are not correctly aligned they are cut off and extend over the box.

Link: https://www.truwater.com.au

I would like to extend the width to match the main buttons on the header. I have tried through the css but could not get it to work.

Any advise would be great thanks.

Locate this in the stylesheet:

div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;z-index:1000;}

Change the width to 100%

I have been using Fly out drop down for 4 years. Really love it!

Just yesterday I changed the font color of the level 1 into white and its background color into red. Then I noticed somthing interesting happened. I have been working on solving this little problem for hours but still failed. I really hope some experts can give me an advice.

See the attachement best4future1 and best4future2, you will see when I hover over the level 2 or level 3, the font color of level 1 becomes white, making it blend in with the background color. in this case, "bilingual book store" completely blend in with its background.

I really want the text "biligual book store" to show in red when I hover over level 2 or level 3. What should I do?

the site is https://www.best4future.com

It looks like you simply don't have a colour on one of your :hover styles in the stylesheet.

If you download firefox and firebug you can see exactly what is what and it saves you so much time.

Forgot to add......................and web developers tool kit.

Hi just finished uploading your module and now my whole site from the header down has disappeared and I am havn a little freak out. Hope you can help .. thanks

Site is: http://www.rosedakinjewellery.com.au/index.php?main_page=product_info&cPath=4&products_id=40