Zen Cart Logo
Forums / All Other Contributions/Addons / CSS Dropdown menu for the header- With Categories!

CSS Dropdown menu for the header- With Categories!

Views: 615,597

Results 1,361 to 1,380 of 2,344
19 Dec 2008, 9:15 AM
#1361
ces avatar

ces

Zen Follower

Join Date:
Nov 2004
Location:
West Mids, England
Posts:
199
Plugin Contributions:
0

CSS Dropdown menu for the header- With Categories!

Sorry, I wouldn't know how to do that.

:)

Craig

28 Dec 2008, 2:22 AM
#1362
webskipper avatar

webskipper

Totally Zenned

Join Date:
Nov 2007
Location:
USA
Posts:
876
Plugin Contributions:
2

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

You're looking good in Safari.

Cart Contents amount? Neat.

Since I made so much room after using the header menu I am relying on the Shopping Cart sidebox to do this for me.

28 Dec 2008, 2:26 AM
#1363
webskipper avatar

webskipper

Totally Zenned

Join Date:
Nov 2007
Location:
USA
Posts:
876
Plugin Contributions:
2

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

Can someone please tell me how I can get the header menu positioned properly without having it repeat itself?

The default header is still there. You'll see the double red stripe. That needs to go.:frusty:

http://www.American-RC.com

28 Dec 2008, 3:45 AM
#1364
webskipper avatar

webskipper

Totally Zenned

Join Date:
Nov 2007
Location:
USA
Posts:
876
Plugin Contributions:
2

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

It was bugging me so I had to finish this.

catalog/includes/templates/MY_TEMPLATE/common/tpl_header.php

<div id="navMainWrapper"> <!--eof-navigation display--> <!--eof-header logo and navigation display--> <!--bof-drop down menu display--> <?php require($template->get_template_dir('tpl_drop_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_drop_menu.php');?> <!--eof-drop down menu display--> </div>

In Safari, the Level One does not extend 100% of the window (pretty off). Explorer 7 shows it off 1 or 2px.

28 Dec 2008, 10:40 AM
#1365
webskipper avatar

webskipper

Totally Zenned

Join Date:
Nov 2007
Location:
USA
Posts:
876
Plugin Contributions:
2

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

I shuffled the level1 so that the menu would not drop over the side boxes and I cannot seem to get back one of the right borders.

Can you check? http://www.american-rc.com

How do I kill the links in the blank level 1's wihout killing the background image?

Can I add 9 or 10 drop down categories in level1?

Thanks.

30 Dec 2008, 5:28 PM
#1366
webskipper avatar

webskipper

Totally Zenned

Join Date:
Nov 2007
Location:
USA
Posts:
876
Plugin Contributions:
2

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

Is there a fix for using this with background images in the secure login area? I lose my background image here.:frusty:

2 Jan 2009, 4:23 AM
#1367
all4coffee avatar

all4coffee

Zen Follower

Join Date:
Jul 2007
Posts:
154
Plugin Contributions:
0

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

I've been using the CSS menu for some time now w/ ZenCart v. 1.3.7. I added selected few ezpages under different headings and it worked fine. Recently I experienced quite slow product pages loading in Firefox, (IE is fine). When trying to analize the problem with Web Developer validation tool showed me about 136 errors/warnings and most of them seems to be related to my added EZ pages links under the CSS menu headings. Analized page is;
http://www.all4coffee.com/index.php?main_page=product_info&cPath=2&products_id=66

Here is a sample of the val;idation report page from Web Developer:

Validation Output: 139 Errors
for page
http://www.all4coffee.com/index.php?main_page=product_info&cPath=2&products_id=66

Characters highlited in RED were shown as missing and the tool suggested to add them. The problem is that I have no idea where the code is generated...

  1. Warning Line 106, Column 48: cannot generate system identifier for general entity "i d".
<li><a href="index.php?main_page=page& i d=12&chapter=0">Sign Up Bonus</a></li> 2. Error Line 106, Column 48: general entity "id" not defined and no default entity. <li><a href="index.php?main_page=page& i d=12&chapter=0">Sign Up Bonus</a></li> 3. Warning Line 106, Column 50: reference not terminated by REFC delimiter. <li><a href="index.php?main_page=page&id = 12&chapter=0">Sign Up Bonus</a></li> 4. Warning Line 106, Column 50: reference to external entity in attribute value. <li><a href="index.php?main_page=page&id=12&chapter = 0">Sign Up Bonus</a></li> 5. Error Line 106, Column 50: reference to entity "id" for which no system identifier could be generated. <li><a href="index.php?main_page=page&id=12 & chapter=0">Sign Up Bonus</a></li> 6. Info Line 106, Column 47: entity was defined here. …<li><a href="index.php?main_page=page&id=12 & chapter=0">Sign Up Bonus</a></li> 7. Warning Line 106, Column 54: cannot generate system identifier for general entity "chapter". (c) <li><a href="index.php?main_page=page & id=12&chapter=0">Sign Up Bonus</a></li> 8. Error Line 106, Column 54: general entity "chapter" not defined and no default entity. <li><a href="index.php?main_page=page&id=12 & chapter=0">Sign Up Bonus</a></li>

then the reports goes on like so regarding other EZ pages links added to the CSS menu.

I looked at my tpl_drop_menu.php which lists my edits to the CSS menu. Here is a relevant to the Web Developer's repost section of this file w/higlighted in red EZ Page link added:

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> <ul class="level2"> <?php if ($_SESSION['customer_id']) { ?> <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li> <li><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a></li> <!--<li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT_NEWSLETTERS, '', 'SSL'); ?>"><?php echo HEADER_TITLE_NEWSLETTERS; ?></a></li>--> <?php } else { ?> <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li> <li><a href="<?php echo zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CREATE_ACCOUNT; ?></a></li> <li><a href="index.php?main_page=page&id=12&chapter=0"><?php echo HEADER_TITLE_SIGNUP_BONUS; ?></a></li> <?php } ?> </ul> </li>

Any guidance or help would be appreciated...

3 Jan 2009, 5:45 PM
#1368
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

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

all4coffee:

I've been using the CSS menu for some time now w/ ZenCart v. 1.3.7. I added selected few ezpages under different headings and it worked fine. Recently I experienced quite slow product pages loading in Firefox, (IE is fine). When trying to analize the problem with Web Developer validation tool showed me about 136 errors/warnings and most of them seems to be related to my added EZ pages links under the CSS menu headings. Analized page is;
http://www.all4coffee.com/index.php?main_page=product_info&cPath=2&products_id=66

Here is a sample of the val;idation report page from Web Developer:

Validation Output: 139 Errors
for page
http://www.all4coffee.com/index.php?main_page=product_info&cPath=2&products_id=66

Characters highlited in RED were shown as missing and the tool suggested to add them. The problem is that I have no idea where the code is generated...

then the reports goes on like so regarding other EZ pages links added to the CSS menu.

I looked at my tpl_drop_menu.php which lists my edits to the CSS menu. Here is a relevant to the Web Developer's repost section of this file w/higlighted in red EZ Page link added:

Any guidance or help would be appreciated...
When you turn off the menu, does the site load quickly again? I don't think those errors would slow your site down.

AND for what its worth, I have ezpages using this menu, and there are no HTML errors:
http://www.zencart137.jadetrue.com/

And when I validate your site, the only kind of errors I see are from your odd coyright section, where the HTML looks like this:

<div id="siteinfoLegal" class="legalCopyright">Copyright © 2009 <a href="http://www.zen-cart.com" target="_blank">Zen Cart</a>. <a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=18&chapter=0">P</a><a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=19&chapter=0">o</a><a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=20&chapter=0">w</a><a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=21&chapter=0">e</a><a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=22&chapter=0">r</a><a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=23&chapter=0">e</a><a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=24&chapter=0">d</a> <a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=25&chapter=0">b</a><a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=26&chapter=0">y</a> <a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=27&chapter=0">Z</a><a href="https://www40.ssldomain.com/all4coffee/index.php?main_page=page&id=28&chapter=0">e</a>n Cart</a> & <a href="http://www.crystaltech.com" target="_blank"> CrystalTech</a><div class="ic">Free Zen Cart Template by <a href="http://zencart.ichoze.net">iChoze.net :: Free Zen Cart Templates & Professional Zen Cart Customizations</a></div></div>

You have a different link for almost every letter? And in all of those you forgot to change the & symbols to &

That's the main errors I see.

5 Jan 2009, 4:46 AM
#1369
salmonlikethefish avatar

salmonlikethefish

New Zenner

Join Date:
Dec 2008
Posts:
14
Plugin Contributions:
0

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

i uploaded all the files..
im back at my admin page
where do i edit the css dropdown menu from my header/ why cant i see this?

grrr.. im very new and very dumb PLEASE HELP!!

6 Jan 2009, 5:41 AM
#1370
webskipper avatar

webskipper

Totally Zenned

Join Date:
Nov 2007
Location:
USA
Posts:
876
Plugin Contributions:
2

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

Is your site still http://www.getsupps.com ?

EZ pages must be on. The directions are pretty compressed together and all you need is there.

6 Jan 2009, 5:42 AM
#1371
webskipper avatar

webskipper

Totally Zenned

Join Date:
Nov 2007
Location:
USA
Posts:
876
Plugin Contributions:
2

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

Can I create horizontal flyouts in any drop down that is not equipped?

How do I do this?

6 Jan 2009, 9:29 PM
#1372
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

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

Hi All,

Just wanted to know how i go about adding a border to the css header menu any assistance would be great!

Thanks

6 Jan 2009, 10:43 PM
#1373
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

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

I figured out how to add a border around the main heading but cant seem to get a border around the actual drop down

7 Jan 2009, 12:16 PM
#1374
bean48009 avatar

bean48009

New Zenner

Join Date:
Dec 2007
Posts:
6
Plugin Contributions:
1

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

Is there any way I can get rid of the "HOME CATEGORIES INFORMATION" setup and start with my categories in there instead? (ie: TOOLS ELECTRIC ABRASIVES)

7 Jan 2009, 2:40 PM
#1376
webskipper avatar

webskipper

Totally Zenned

Join Date:
Nov 2007
Location:
USA
Posts:
876
Plugin Contributions:
2

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

gee38l:

I figured out how to add a border around the main heading but cant seem to get a border around the actual drop down

Around each drop down or the whole enchilada?

Like this? http://american-rc.com/

What is your domain?

7 Jan 2009, 10:07 PM
#1377
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

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

webskipper:

Around each drop down or the whole enchilada?

Like this? http://american-rc.com/

What is your domain?

Thanks for the reply....

Yes similar to the rc website its just my drop downs will have to be a different colour. So which part do i edit to add a border to the drop down menus?>

8 Jan 2009, 2:01 AM
#1378
gee38l avatar

gee38l

Zen Follower

Join Date:
Jul 2008
Posts:
362
Plugin Contributions:
0

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

Im not sure if this is the appropriate thread to post this..... Please delete if its not.

Just looking for some ideas on how i can improve my css flyout header menu atm i think its missing something.... Link: https://www.truwater.com.au

9 Jan 2009, 1:32 AM
#1379
all4coffee avatar

all4coffee

Zen Follower

Join Date:
Jul 2007
Posts:
154
Plugin Contributions:
0

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

jettrue:

When you turn off the menu, does the site load quickly again? I don't think those errors would slow your site down.

AND for what its worth, I have ezpages using this menu, and there are no HTML errors:
http://www.zencart137.jadetrue.com/

And when I validate your site, the only kind of errors I see are from your odd coyright section, And in all of those you forgot to change the & symbols to &

That's the main errors I see.

Jettrue, thanks for responding. You were absolutely right - the errors had nothing to do with the CSS menus (AND they were not the reason for my product pages loading slow) I fixed most of the errors but the real problem was java script file calling non existant (and not needed) scripts for HoverBox 2.1.

11 Jan 2009, 7:30 PM
#1380
desamothrace avatar

desamothrace

New Zenner

Join Date:
Nov 2008
Location:
New York
Posts:
9
Plugin Contributions:
0

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

Hi!

I'm sorry if this topic is in repeat, I'm having a hard time finding my answers!

I'm interested in adding additional links to my Information drop menu.
Customizing any of the link references in tpl_drop_menu, once uploaded, removes the drop down menu completely from my site.

I've tried to do the following:
~~remove Discount Coupons
~~ add topics Designer & Tutorial
~~(rather than use the given page_2, page_3, I've created custom pages: /tutorials.php /designer.php

When the sidebox is activated (I'd prefer to have it off) the "designer" option is available, however I receive a 404 of the page not being found. I assume this correlates to the link issue above.

https://www.candycornclothing.com/shop

Thank you much!
Jen