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

Results 1,841 to 1,860 of 2,344
23 Apr 2010, 4:49 PM
#1841
zubenubi avatar

zubenubi

New Zenner

Join Date:
Jan 2010
Location:
Ireland
Posts:
88
Plugin Contributions:
0

CSS Dropdown menu for the header- With Categories!

Hi there, many thanks for a cracking little mod. It's exactly what I wanted to do! Hurray!

Anyway, got it working more or less right on IE and FF but having a slight issue...

There's a couple of pixels difference underneath my categories - if you hover over 'privacy policy' (for example) on https://www.babyclothingcentral.co.uk you can see what I mean.

Also on IE the drop down menus aren't over to the left as I'd like them. I've played about with margins and paddings and sizes etc etc but nothing I've tried works.

I've had a good read through a fair bit of this thread (c'mon, it's huge) but haven't been able to spot an answer so far.

anyone kind enough to put me out of my misery?

thanks

23 Apr 2010, 5:11 PM
#1842
soxophoneplayer avatar

soxophoneplayer

Totally Zenned

Join Date:
Feb 2008
Posts:
534
Plugin Contributions:
0

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

zubenubi:

... on IE the drop down menus aren't over to the left as I'd like them. ...thanks

The stylesheet for this mod is includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

Around line 53 see the code that begins:

div#dropMenu li a {

change the text-align from center; to your preferred justification.

24 Apr 2010, 11:33 AM
#1843
zubenubi avatar

zubenubi

New Zenner

Join Date:
Jan 2010
Location:
Ireland
Posts:
88
Plugin Contributions:
0

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

Thanks soxophoneplayer, that did the job rightly. I'd never thought of changing that particular rule, thought it was to do with how the actual text was aligned! I'm learning...

I have spotted another wee problem tho. I have a drop-down box filter on my categories page and using IE6 my filter menu appears on top of this mod's dropdown menu. For example: http://www.babyclothingcentral.co.uk/baby-girls-clothing-shoes-booties-amp-socks-c-7_15

I read earlier on in this thread about people having problems with their lightbox mod, but that issue seems to be the exact opposite of my problem.

25 Apr 2010, 7:55 AM
#1844
charagg avatar

charagg

New Zenner

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

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

marksu:

Well never mind.

I made the changes my self it was mutch simpler than I thought.

Not sure if anyone care as not mutch communication hre but if somebody need solution here it is.

It is based on my earlier design which enables to add ezpaged filtering which groups they belong.

It would be even better code if it could outomatically check if multi languge expages module is installed instead of using comments character. Wen I dont know how to do it so this will do.

// --------------------

If ($chapNumber != ""){

// USE THIS IS MULTI-LANGUGE EZPAGES MODULE NOT INSTALLED
// $page_query = $db->Execute("select * from " . TABLE_EZPAGES . " where toc_chapter = " . $chapNumber . " and status_header = 1 order by header_sort_order, pages_title");

// USE THIS IS MULTI-LANGUGE EZPAGES MODULE IS INSTALLED
// query modified for multi-language support
$page_query = $db->Execute("select e.pages_id, e.page_open_new_window, e.page_is_ssl, e.alt_url, e.alt_url_external, et.pages_title
from " . TABLE_EZPAGES . " e, " . TABLE_EZPAGES_TEXT . " et
where toc_chapter = " . $chapNumber . " and e.pages_id = et.pages_id
and et.languages_id = '" . (int)$_SESSION['languages_id'] . "'
and status_header = 1
and header_sort_order > 0
order by header_sort_order, pages_title");
// end of modification

} else

{
// USE THIS IS MULTI-LANGUGE EZPAGES MODULE NOT INSTALLED
$page_query = $db->Execute("select * from " . TABLE_EZPAGES . " where status_header = 1 order by header_sort_order, pages_title");

// USE THIS IS MULTI-LANGUGE EZPAGES MODULE IS INSTALLED
// query modified for multi-language support
$page_query = $db->Execute("select e.pages_id, e.page_open_new_window, e.page_is_ssl, e.alt_url, e.alt_url_external, et.pages_title
from " . TABLE_EZPAGES . " e, " . TABLE_EZPAGES_TEXT . " et
where e.pages_id = et.pages_id
and et.languages_id = '" . (int)$_SESSION['languages_id'] . "'
and status_header = 1
and header_sort_order > 0
order by header_sort_order, pages_title");
// end of modification
}
// --------------------

marksu

I have a multi-language site using the CSS Dropdown Menu - can you tell me where this code should go? Thanks

25 Apr 2010, 6:53 PM
#1845
dhaval avatar

dhaval

New Zenner

Join Date:
Nov 2007
Posts:
13
Plugin Contributions:
0

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

Can I show top level categories menu items instead of Home - Categories - Information ... etc so my navigation in top would show Appliances, Furniture, Bedding, Clothing etc?

29 Apr 2010, 3:59 AM
#1846
sw09 avatar

sw09

New Zenner

Join Date:
Mar 2010
Posts:
8
Plugin Contributions:
0

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

Hi I am a newbie. I would like to change my categories sidebox or have my left categories to vertical dynamic expand menu. similar to css flyout but since I have already using the horizontal drop down menu, I only need the left categories to be expand. I have search the forum but with no help. Can someone help me pls.:(

8 May 2010, 3:13 AM
#1847
hottrendz avatar

hottrendz

New Zenner

Join Date:
May 2010
Posts:
13
Plugin Contributions:
0

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

I have been looking for days for my question, but have not yet found the answer. Do anyone knows how to fix the drop down menu, because i am making a test site for the new upgrade and the drop down buttons for categories is not working and the other information is not showing up such as contact us, about us, privacy, shipping and the other buttons. Do anyone know the file to check this problem. It works find on my original site just not the test site for the upgrade.

10 May 2010, 4:45 AM
#1848
wendon avatar

wendon

New Zenner

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

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

Phew..this is a very long thread..

I need help..how to remove the grey color from both side of the sideboxes?

How to put the log in and my account below the header. Now mine are on top.

thanks in advance

10 May 2010, 7:02 AM
#1849
limelites avatar

limelites

Totally Zenned

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

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

To the author of this mod, thank you so much. I use it on three of my sites, https://www.limelites.co.uk..... https://www.superfancy.co.uk..... and..... https://www.silkblooms.co.uk

Needless to say though, I'm starting to look at wats of improving the way it looks and perhaps jazz it up a little.

Take a look at these menu buttons:

http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/

I wonder if you could point me in the right direction (as a near novice) how I could integrate the dynamicdrive coding with yours to create a similar effect?

I think this would be a very useful contribution if we could work in a neat new styling for the menu buttons.

19 May 2010, 8:43 AM
#1850
istilah avatar

istilah

New Zenner

Join Date:
Jan 2006
Location:
Netherlands
Posts:
48
Plugin Contributions:
0

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

Great Contribution!

I would like to make the Cart button change colour when there are items in the cart, something like bright red.
Only the cart button, the other buttons of the dropdown menu stay the same colour.

How would I go about doing that?

Any help is appreciated!

Ronald

22 May 2010, 1:11 PM
#1851
speedraceratl avatar

speedraceratl

New Zenner

Join Date:
Aug 2009
Location:
Alpharetta, GA
Posts:
12
Plugin Contributions:
0

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

Need help, I searched for hours and can not find a direct answer. I'm using v. 1.38 installed the drop menus and I'm getting everything to work fine, however, my logo is distorted like there is a spacing issue. I'm not a CSS expert but have a lot of technical experience. My site is http://roadanddirtcyclery.com thanks is advance for any help. It is greatly appreciated.

22 May 2010, 1:24 PM
#1852
speedraceratl avatar

speedraceratl

New Zenner

Join Date:
Aug 2009
Location:
Alpharetta, GA
Posts:
12
Plugin Contributions:
0

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

Nevermind...for some reason my logo was resized when I installed the drop menu.

24 May 2010, 12:20 AM
#1853
gee38l avatar

gee38l

Zen Follower

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

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

Hey Zenners,

Can anyone help me with the drop down menu.

Im wanting to know how to increase the width of the second level to match the first level?

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

THanks

27 May 2010, 9:04 AM
#1854
schla104 avatar

schla104

New Zenner

Join Date:
May 2010
Posts:
7
Plugin Contributions:
0

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

hottrendz:

I have been looking for days for my question, but have not yet found the answer. Do anyone knows how to fix the drop down menu, because i am making a test site for the new upgrade and the drop down buttons for categories is not working and the other information is not showing up such as contact us, about us, privacy, shipping and the other buttons. Do anyone know the file to check this problem. It works find on my original site just not the test site for the upgrade.

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.

27 May 2010, 9:24 AM
#1855
schla104 avatar

schla104

New Zenner

Join Date:
May 2010
Posts:
7
Plugin Contributions:
0

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

Tried to edit my last post but I couldn't. I've attached two images with what is going on. I did two things which seem to have got me closer. I made a copy of the apple zen folder in the languages folder and in the languages>english folder and renamed them to match my template name. Now the tag lines and match when switching between the two. Before, my copy would display the default "TagLine" text.

Closer yet. One more folder I needed in languages>english>extra definitions. Got it all to show up right except still missing buttons after information.

31 May 2010, 12:55 AM
#1856
photogirl avatar

photogirl

New Zenner

Join Date:
May 2010
Posts:
1
Plugin Contributions:
0

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

I'm a relative newbie and have just downloaded v1.3.9c and this dropdown menu. First of all, I really like the menu. Kudos to the designer.

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.

I made it through about 50 pages of this thread before jumping to the end- so I apologize if this has already been addressed.

Any help would be appreciated, as I'm starting to go cross-eyed!

31 May 2010, 11:36 PM
#1857
chemibase avatar

chemibase

New Zenner

Join Date:
May 2010
Posts:
6
Plugin Contributions:
0

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

I installed the CSS dropdown menu tonight and..its great.
Modded it to have different background colour and changed the width of the submenus to 100%.

but one thing is bothering me....

the links to LOG IN do not work, they just take me to a blank page.

my site is at https://www.chemibase.co.uk

I have checked, and the links seem to go to the correct place...i just don't know why this has happened...i didn't chance anything...

can someone please help?
i would really appreciate it!!

sincerely,

Billy Ross
Co-Chief Executive
Chemibase Ltd.

31 May 2010, 11:51 PM
#1858
chemibase avatar

chemibase

New Zenner

Join Date:
May 2010
Posts:
6
Plugin Contributions:
0

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

ignore that post, as after a process of elimination (by removing the CSS Dropdown menu) - i have discovered that the problem was not with the menu.

4 Jun 2010, 5:16 PM
#1859
mumzie avatar

mumzie

Inactive

Join Date:
Feb 2007
Posts:
211
Plugin Contributions:
0

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

Ok. I give up. I'll ask.
I've looked and looked...
I can't find info on HOW to add an additional menu item. I've got the width of the menu items adjusted to accomodate one more (changed percentages to go from 6 across to 7)...
Client wants last "button" to go directly to a product (shown under products as "submit artwork") - I have spent hours looking, and can't figure out how to do so.

Thanks in advance.

https://www.rihelmets.com/protosite

12 Jun 2010, 7:04 PM
#1860
natty avatar

natty

New Zenner

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

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

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