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,501 to 1,520 of 2,344
15 Mar 2009, 12:23 PM
#1501
jettrue avatar

jettrue

Totally Zenned

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

CSS Dropdown menu for the header- With Categories!

limelites:

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 :-)

You're welcome.

My instructions are very correct, I am not contradicting ANYTHING. If you WANT to add a page, LIKE the about us page, to be able to edit it in the admin, to have it have the word "about_us" in the link, THE WAY IN THE README.TXT IS THE WAY TO DO IT. Once that "long winded" process is done, the actual link to a page can be added in the normal HTML way.

There's a LOT of things I could add to the readme.txt, but then it would be a book, wouldn't it? There is already a LOT OF HELPFUL THINGS in the readme.txt. It would also be useful if most people actually READ the README.TXT, but most people don't.

It would be really nice, if people were GRATEFUL for all the FREE support I give, but that doesn't always happen either.

It would seem that I have offended you by replying to your question with a response, so I will be sure not to do that again.

It was a simple suggestion. I may choose to add that to my readme.txt, if I find the time, I appreciate your suggestion.

15 Mar 2009, 12:33 PM
#1502
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:

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.

My documented method refers to adding the about_us page. Yes the documented method works fine. Yes, the documented method works if you want to add any other page as well.

As far as my response that you are asking about. I saw the person struggling with language files and such, and it was just a quick suggestion when I had a couple of minutes online. HTML works just fine in these PHP pages, so once you add a new page in the about_us method, you can THEN add the actual link in the drop menu the old fashioned way, like this: <li><a href="index.php?main_page=contact_us">Contact Us</a></li>

I saw no need in adding instructions on adding the about us page LINK, SINCE that link is already helpfully there, it just has to be un-hidden to use.

Now, if you want a really simple way to add links to the drop down menu, AS DESCRIBED IN MY README.TXT, just add an ezpage, and follow the instructions on getting them to show up in the menu.

SIGH

15 Mar 2009, 12:36 PM
#1503
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:

It would be really nice, if people were GRATEFUL for all the FREE support I give, but that doesn't always happen either.

It would seem that I have offended you by replying to your question with a response, so I will be sure not to do that again.
If I came across as ungrateful or offended then I apologise, that was never my intention. I am extremely grateful for all the time and effort you must have ploughed into such a fantastic contribution.

It's just that this thread is so long it makes it really hard to find things. I appreciate that the readme could quite easily be turned into a book thickness, but I'm sure nonetheless, it'd still be more condensed than this thread ;-)

15 Mar 2009, 12:44 PM
#1504
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:

If I came across as ungrateful or offended then I apologise, that was never my intention. I am extremely grateful for all the time and effort you must have ploughed into such a fantastic contribution.

It's just that this thread is so long it makes it really hard to find things :-)

I appreciate that the readme could quite easily be turned into a book thickness, but I'm sure it'd be much more condensed than this thread ;-)
I accept your apology. I've spent a lot of time deciding what goes in the readme, and I feel it's very thorough. I was offended by you telling me it was insufficient and contradictory.

As described in the readme.txt, and as mentioned in my post just above this, the easiest way to add a new page is to do it with an ezpage. In looking back just now, I see I had missed your first post where you were asking how to get an ezpage to show up. From the readme:

  1. I've added the ability to have your ezpages automatically shown in the INFORMATION drop down menu. To get this to work, follow these steps:

--> go to your admin, and go to "Tools", "Layout Boxes controller". There should be a new sidebox (ezpages_drop_menu.php). You must turn the SINGLE COLUMN STATUS TO ON, leave the LEFT/RIGHT COLUMN STATUS off.

--> Under "Tools", "EZPages", make sure the ezpages are set to ON for the header. The sort orders also have to be greater than "0".

--> If you want to have the regular zen cart horizontal header bar off, go to "Configuration", "EZPages Settings", and turn the header bar display status to off (0).

15 Mar 2009, 12:45 PM
#1505
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!

oavs:

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

This is only horizontal, sorry!

15 Mar 2009, 12:51 PM
#1506
limelites avatar

limelites

Totally Zenned

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

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

oavs:

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
http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=75

This is a CSS Vertical Fly Out Menu. I've not tried it but if it does what it says on the box then it should be good for your needs :-)

18 Mar 2009, 10:45 PM
#1507
yz250 avatar

yz250

New Zenner

Join Date:
Dec 2008
Location:
Canberra, Australia
Posts:
83
Plugin Contributions:
0

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

Jet true I am playing with .htaccess thing to address that issue and when I upload a .htaccess file to the server it disappears, but makes changes. Have you ever heard of that?

I.E I found a .htaccess file in the includes folder of zencart on my local machine. It wasnt visible on the server (apache2), so I uploaded it and my whole site stopped working. I checked out the file, and it had some code in there which prevented .php files from running. So I replaced that code with your code, saved it, uploaded it and my site started working again...yet the .htaccess file still isnt visible on my server. What is the deal there?

Also, because my store sits one file deep in my zencart do I have to modify your code thusly...

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.sgtpepper.com.au/store$ [NC]
RewriteRule ^(.*)$ http://sgtpepper.com.au/store/$1 [R=301,L]

Or do I not need to put store at the end?

18 Mar 2009, 11:05 PM
#1508
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!

YZ250:

Jet true I am playing with .htaccess thing to address that issue and when I upload a .htaccess file to the server it disappears, but makes changes. Have you ever heard of that?

I.E I found a .htaccess file in the includes folder of zencart on my local machine. It wasnt visible on the server (apache2), so I uploaded it and my whole site stopped working. I checked out the file, and it had some code in there which prevented .php files from running. So I replaced that code with your code, saved it, uploaded it and my site started working again...yet the .htaccess file still isnt visible on my server. What is the deal there?

Also, because my store sits one file deep in my zencart do I have to modify your code thusly...

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.sgtpepper.com.au/store$ [NC]
RewriteRule ^(.*)$ http://sgtpepper.com.au/store/$1 [R=301,L]

Or do I not need to put store at the end?

.htaccess files are hidden files, and I bet your server isn't set to show hidden files.

I don't think you need the /store.

22 Mar 2009, 2:08 AM
#1509
karenls777 avatar

karenls777

New Zenner

Join Date:
Mar 2009
Posts:
1
Plugin Contributions:
1

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

Hi Jade I am fairly new to css etc, I have installed your drop down on site that I am currently building, I was wondering is there a way to make a single image pop up above a the top row without it actually popping up while (say for example) the categories in the category drop down without it ( the image ) following the drop downs? clear as mud, sorry not up with all the terminology yet, Thanks
div#dropMenu li a:hover {color: #4f4f4f!important;background:#8e0011;background-image: url(../images/cattop2.gif);
height:230px;
margin-top: -230px;
}
That's what I did anyway? I know it's not right, any advice for me, it would be really appreciated, :smile:

22 Mar 2009, 1:56 PM
#1510
karimm avatar

karimm

New Zenner

Join Date:
Nov 2008
Posts:
53
Plugin Contributions:
0

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

Hello everyone,

I would like to have the hovering color or image or background to show when visting a link (active link), so customers can see in what gategory they's browsing.

Any sugestions ?

Thanks

24 Mar 2009, 10:39 PM
#1511
yz250 avatar

yz250

New Zenner

Join Date:
Dec 2008
Location:
Canberra, Australia
Posts:
83
Plugin Contributions:
0

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

Ok, cant get the drop downs to appear on IE 6. I made a htaccess file and uploaded it with the following code....

RewriteEngine On
RewriteCond %{HTTP_HOST} ^sgtpepper.com.au/$ [NC]
RewriteRule ^(.*)$ http://www.sgtpepper.com.au/$1 [R=301,L]

Now if I type in sgtpepper.com.au, it redirects to http://www.sgtpepper.com.au.....but the drop downs dont work.

Any suggestions?

Also I really would like to second Karimm's request. Is it possible?

25 Mar 2009, 12:37 AM
#1512
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!

YZ250:

Ok, cant get the drop downs to appear on IE 6. I made a htaccess file and uploaded it with the following code....

RewriteEngine On
RewriteCond %{HTTP_HOST} ^sgtpepper.com.au/$ [NC]
RewriteRule ^(.*)$ http://www.sgtpepper.com.au/$1 [R=301,L]

Now if I type in sgtpepper.com.au, it redirects to http://www.sgtpepper.com.au.....but the drop downs dont work.

Any suggestions?

Also I really would like to second Karimm's request. Is it possible?

Is your site defined as https://www.sgtpepper.com.au in the includes/configure.php file, OR is it defined as sgtpepper.com.au in that file?

I'm not sure how that would be possible.... as you don't see the categories in this menu when you're normally on a page... You have to activate the dropdown to see the categories. So no, its not possible.

25 Mar 2009, 2:12 AM
#1513
yz250 avatar

yz250

New Zenner

Join Date:
Dec 2008
Location:
Canberra, Australia
Posts:
83
Plugin Contributions:
0

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

site is defined as https://www.sgtpepper.com.au

Brendan

25 Mar 2009, 12:24 PM
#1514
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!

YZ250:

site is defined as https://www.sgtpepper.com.au

Brendan

Do you have includes/csshover.htc uploaded? Can you post a link of the actual store?

25 Mar 2009, 11:21 PM
#1515
yz250 avatar

yz250

New Zenner

Join Date:
Dec 2008
Location:
Canberra, Australia
Posts:
83
Plugin Contributions:
0

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

Store is https://www.sgtpepper.com.au/store

The drop down works on IE7 and Firefox. its only at work on IE6 that I noticed it wasnt working.

Brendan

25 Mar 2009, 11:35 PM
#1516
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!

YZ250:

Store is https://www.sgtpepper.com.au/store

The drop down works on IE7 and Firefox. its only at work on IE6 that I noticed it wasnt working.

Brendan

Upload includes/csshover.htc.

26 Mar 2009, 3:44 AM
#1517
yz250 avatar

yz250

New Zenner

Join Date:
Dec 2008
Location:
Canberra, Australia
Posts:
83
Plugin Contributions:
0

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

Well i'll be blowed. It works now. Sorry for that, im normally pretty good with uploading things as necessary.

While I have you, can you advise on the border issue im having on the extreme right of my drop menu? I played with the widths on my style sheet and got it to the point where changing the % by .001 will spill the menu accross two lines, yet keeping it as is the border looks a bit funny.

Any suggestions? Do I need to do down to 5 decimal places????

Brendan

sgtpepper.com.au/store

26 Mar 2009, 12:00 PM
#1518
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!

YZ250:

Well i'll be blowed. It works now. Sorry for that, im normally pretty good with uploading things as necessary.

While I have you, can you advise on the border issue im having on the extreme right of my drop menu? I played with the widths on my style sheet and got it to the point where changing the % by .001 will spill the menu accross two lines, yet keeping it as is the border looks a bit funny.

Any suggestions? Do I need to do down to 5 decimal places????

Brendan

sgtpepper.com.au/store

Give that last menu item (contact us) a class of "noLine", like this:

<a class="noLine" href="

Then it will get rid of the last border; it's not needed.

26 Mar 2009, 7:30 PM
#1519
medibiz avatar

medibiz

New Zenner

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

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

I was wondering if you could look at the drop menus on my site and provide some feedback or recommendations for coding improvement. I'm using Paul's edition (I hope that not a problem posting on this thread). I've gotten it to look pretty much the way that I want it to.

The problem that I'm having is that in IE once you mouse over fly-out sub-menus then mouse over the top menus again, the sub-menus are automatically expanded wth no menu text in the boxes. You can see this behavior if you go to https://www.medibiz.us then Personal & Household > Incontinence > Baby Diapers the go pack up to the top menu item " Personal & Household. If you go back up to the top the sub-menus Incontinence > Baby Diapers expands automatically.

I am using the stylesheet_header_menu.css from CSS Drop menu (not Paul's version) because I found that I could get it to look/do what I wanted. If you'd like I can paste a copy here.

I'm hoping that you've seen this behavior before and have a recommendation for resolving it. Any help would be appreciated.

Thanks
David

26 Mar 2009, 8:58 PM
#1520
countrycharm avatar

countrycharm

Totally Zenned

Join Date:
Jul 2007
Posts:
2,179
Plugin Contributions:
2

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

jettrue I have a question for you. I am using the Return Authorization Module and it put the link for it into the information side box. My question is how would I add it in the drop down menu. Thank you ahead of time.