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,589

Results 1,481 to 1,500 of 2,344
12 Mar 2009, 12:34 PM
#1481
pfab avatar

pfab

New Zenner

Join Date:
Feb 2009
Posts:
9
Plugin Contributions:
0

CSS Dropdown menu for the header- With Categories!

jettrue:

From the readme (I can tell this is your issue, because your menu works fine in firefox):

And be sure to add this to the end of your .htaccess file:

Hi J

I have already done this.

I am using firefox and IE7.

The menu level I am looking for is the next level down.

I have categories and below that it displays energy saving report, save electricity, save gas etc etc. Thats fine but the next level of subcategories ie the products in those categories are not displaying.

Is this possible to do? I did notice on your template you have subcategories and sub subcategories etc. This is what I am trying to achieve.

Thanks again J, I have a feeling I am missing something simple here but I just cant find it.

http://earthcareoptions.co.uk

12 Mar 2009, 1:13 PM
#1482
pfab avatar

pfab

New Zenner

Join Date:
Feb 2009
Posts:
9
Plugin Contributions:
0

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

pfab:

Hi J

I have already done this.

I am using firefox and IE7.

The menu level I am looking for is the next level down.

I have categories and below that it displays energy saving report, save electricity, save gas etc etc. Thats fine but the next level of subcategories ie the products in those categories are not displaying.

Is this possible to do? I did notice on your template you have subcategories and sub subcategories etc. This is what I am trying to achieve.

Thanks again J, I have a feeling I am missing something simple here but I just cant find it.

http://earthcareoptions.co.uk

:blush: Sorry J, I have just realised what I have been doing. I was wanting my products displayed in the drop down menu. I dont think this is possible, I will start to rejig my products.

Thank you for all your help, I am off to the opticians :shocking:

12 Mar 2009, 2:02 PM
#1483
ces avatar

ces

Zen Follower

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

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

Hi

If you create categories with only one product in them (perhaps with the same name as the product). And set:

Skip 1-prod Categories to: True

in

Configuration > Layout Settings

You should get the cattegories showing and when clicked they will navigate straight to the product.

Craig

13 Mar 2009, 12:47 PM
#1484
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

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

Hi,

I am trying to add an EZPAGE to one of the drop down lists. I'm not sure how to do it.

In my tpl_drop_menu.php I have these lines:

<?php if (DEFINE_SHIPPINGINFO_STATUS <= 1) { ?>
         <li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li>
				<?php } ?>

This is how the existing pages are called to the list. What then do I replace to call this ezpage:

https://www.dystynction.com/index.php?main_page=page&id=14

I'd really like a link to this page in the same drop down list as the existing main_page links.....

Bamboozled by Zen :-)

13 Mar 2009, 1:59 PM
#1485
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

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

OK, I read through this thread and decided to use the "About Us Page" mod here.

This enabled me to create an internal page defined as PAYMENTS which I edited in the define pages editor from Admin.

I have it added to my drop down menu now and the link is working well....

However, instead of reading, "Payments" it reads, "HEADER_TITLE_PAYMENTS"

I have a file in includes/extra_datafiles/ called payments_filenames.php with this:

define('FILENAME_PAYMENTS', 'payments');

Does anyone know what I've done wrong?

13 Mar 2009, 2:41 PM
#1486
shocker avatar

shocker

Zen Follower

Join Date:
Jul 2007
Location:
Jakarta
Posts:
346
Plugin Contributions:
0

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

limelites:

OK, I read through this thread and decided to use the "About Us Page" mod here.

This enabled me to create an internal page defined as PAYMENTS which I edited in the define pages editor from Admin.

I have it added to my drop down menu now and the link is working well....

However, instead of reading, "Payments" it reads, "HEADER_TITLE_PAYMENTS"

I have a file in includes/extra_datafiles/ called payments_filenames.php with this:

define('FILENAME_PAYMENTS', 'payments');

Does anyone know what I've done wrong?

You should be looking in include/languages/english/extra_definitions/YOUR_TEMPLATE/
for headermenu.php

The constant definition
define('FILENAME_PAYMENTS', 'payments');

should be added to the headermenu.php

That should do it.

Only change files in YOUR_TEMPLATE folder inorder to maintain the original files.

13 Mar 2009, 2:51 PM
#1487
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

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

Shocker thanks for that! I've been trying to figure that out for about two hours and I was pulling my hair out as I knew it'd be a no brainer..... Thanks so much!!

13 Mar 2009, 2:53 PM
#1488
shocker avatar

shocker

Zen Follower

Join Date:
Jul 2007
Location:
Jakarta
Posts:
346
Plugin Contributions:
0

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

EZ-Pages' title aren't showing in my Information drop down.
Any ideas?

13 Mar 2009, 2:53 PM
#1489
shocker avatar

shocker

Zen Follower

Join Date:
Jul 2007
Location:
Jakarta
Posts:
346
Plugin Contributions:
0

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

limelites:

Shocker thanks for that! I've been trying to figure that out for about two hours and I was pulling my hair out as I knew it'd be a no brainer..... Thanks so much!!

I'm glad it could help.

14 Mar 2009, 1:35 AM
#1490
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!

limelites:

Shocker thanks for that! I've been trying to figure that out for about two hours and I was pulling my hair out as I knew it'd be a no brainer..... Thanks so much!!

Why don't you just add a link:

<li><a href="link_here">Link Name Here</a></li>
14 Mar 2009, 2:33 AM
#1491
shocker avatar

shocker

Zen Follower

Join Date:
Jul 2007
Location:
Jakarta
Posts:
346
Plugin Contributions:
0

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

jettrue:

Why don't you just add a link:

<li><a href="link_here">Link Name Here</a></li>

What are you referring to Jettrue?

14 Mar 2009, 3:27 AM
#1492
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!

shocker:

What are you referring to Jettrue?

When someone creates a page, and wants to add it to the drop down header, they don't have to go through all of the work in defining the link text in language files and creating a complicated zen cart link, they can just add their link normally to includes/template/YOUR_TEMPLATE/common/tpl_drop_menu.php.

<li><a href="link_here">Link Name Here</a></li>
14 Mar 2009, 3:33 AM
#1493
gee38l avatar

gee38l

Zen Follower

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

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

Hey All,

Im trying to get my menu to fit the width of my webpage but i cant seem to be able to do it....

I changed this:

div#dropMenu {
width:100%;

But it still doesnt fit the width there is small gap on the left hand side and in firefox there is a few px gap but not in ie.

Can anyone assist?

14 Mar 2009, 4:04 AM
#1494
gee38l avatar

gee38l

Zen Follower

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

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

Oh the few px gap is at the bottom of the menu...

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

14 Mar 2009, 10:32 AM
#1495
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

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

jettrue:

Why don't you just add a link:

<li><a href="link_here">Link Name Here</a></li>

If I'd known how to do that then I'd have done it, but it's working now anyway thanks :-) Great mod by the way!! Thanks for all your time and work.

14 Mar 2009, 10:59 AM
#1496
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

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

jettrue:

When someone creates a page, and wants to add it to the drop down header, they don't have to go through all of the work in defining the link text in language files and creating a complicated zen cart link, they can just add their link normally to includes/template/YOUR_TEMPLATE/common/tpl_drop_menu.php.

<li><a href="link_here">Link Name Here</a></li>

If I'd know that I'd have done it like that but however, it's done now....

I got the idea of adding language files and define pages through one of your earlier posts in this thread when you yourself mentioned using the About Us Page Mod on page 127 of this thread

It's an absolutely huge thread this btw, really hard to find what you're looking for :-)

I think it'd be a worthwhile addition to the readme.txt that ships with the download if you add at the bottom, "To add your own links to the drop down menus, edit includes/template/YOUR_TEMPLATE/common/tpl_drop_menu.php..........

<li><a href="link_here">Link Name Here</a></li>"

Just a suggestion :-)

14 Mar 2009, 11:09 AM
#1497
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

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

gee38l:

Hey All,

Im trying to get my menu to fit the width of my webpage but i cant seem to be able to do it....

I changed this:

div#dropMenu {
width:100%;

But it still doesnt fit the width there is small gap on the left hand side and in firefox there is a few px gap but not in ie.

Can anyone assist?
If you open your stylesheet_header_menu.css and look for the #div#dropMenu li {

You'll see two entries like width:16.667%; width:16.649%; these control the width of each top level button.

Further down you'll see these lines:

div#dropMenu>ul a {width: auto;z-index:1000;}

and

div#dropMenu ul.level7 li.submenu:hover ul.level8 {position: absolute; width: 14.3em;display:block;z-index:1000;}

and

div#dropMenu ul.level8{top: 0; left: 16.7em; background:#4f4f4f}

you should play with editing the 16.7 in these lines.... those are the values I use for the width of my own drop down panels.

If you play around with it you'll get it right....

15 Mar 2009, 2:04 AM
#1498
oavs avatar

oavs

Totally Zenned

Join Date:
Jan 2006
Location:
Downunder - QLD - Gold Coast
Posts:
921
Plugin Contributions:
0

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

Great contribution jettrue. Well done and thank you.

Can I ask a silly question?

Can this be used as vertical menu like in 'http://www.musicoutletusa.com/' ?

And what is is called so I can download it

Thank you

15 Mar 2009, 2:35 AM
#1499
shocker avatar

shocker

Zen Follower

Join Date:
Jul 2007
Location:
Jakarta
Posts:
346
Plugin Contributions:
0

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

jettrue:

When someone creates a page, and wants to add it to the drop down header, they don't have to go through all of the work in defining the link text in language files and creating a complicated zen cart link, they can just add their link normally to includes/template/YOUR_TEMPLATE/common/tpl_drop_menu.php.

<li><a href="link_here">Link Name Here</a></li>

This was my first approach until I reread the mods instructions.

So are you saying that the documented method doesn't worK?

Thanks for your clarification.

15 Mar 2009, 9:12 AM
#1500
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

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

shocker:

This was my first approach until I reread the mods instructions.

So are you saying that the documented method doesn't worK?

Thanks for your clarification.
Exactly, the instructions that ship with the mod contradict what you're saying. It'd be useful if the readme.txt mentioned the simple approach instead of the long winded method :-)