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

Results 1,281 to 1,300 of 2,344
27 Oct 2008, 12:18 AM
#1281
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!

countrycharm:

What if I never had a html_header.php in includes/templates/YOUR_TEMPLATE/common. I always wondered why there was not one there...lol I just put one there. Now I'm trying to find all the errors I have. I don't know where to start looking..lol Maybe you can point me in the right direction. All your help is much appreciated. Thank you

You don't have one there because you never edited it. And that is how the override system works. If you need to edit a file, you take the original from includes/templates/TEMPLATE_DEFAULT/ and copy it to includes/templates/YOUR_TEMPLATE/ so that you only have the files you changed in your template folder, and so that you always have an original in TEMPLATE_DEFAULT.

27 Oct 2008, 1:00 AM
#1282
countrycharm avatar

countrycharm

Totally Zenned

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

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

Hi jettrue All my files are on a override system I just didn't know what I was suppose to use the html_header.php for thats all. I guess I know now.

27 Oct 2008, 10:23 PM
#1283
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!

countrycharm:

Hi jettrue All my files are on a override system I just didn't know what I was suppose to use the html_header.php for thats all. I guess I know now.

One big error is that you have this in the source of your site:

    <div id="navMain">
      <ul>
        <li><a href="http://www.thegoodshepherdstore.com/">                        <li><a href="https://www.thegoodshepherdstore.com/login">
        <li><a href="https://www.thegoodshepherdstore.com/account">
                    <li><a href="http://www.thegoodshepherdstore.com/shopping_cart">
        <li><a href="https://www.thegoodshepherdstore.com/checkout_shipping">
      </ul>
    </div>

Since you're not using these links (they would be at the top of the site, in your yellow portion, you need to fully remove that section (navMain) you only removed part of it, and what's left is causing a big chunk of your errors.

That chunk should be found in includes/templates/cherry_zen/common/tpl_header.php

28 Oct 2008, 2:57 AM
#1284
countrycharm avatar

countrycharm

Totally Zenned

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

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

Thanks jettrue I took out that chunk of code and that brought me down to 22 errors. If I cut off the Testimonials Manager box that brings me to 8 errors. I don't know where to look for the other ones. I know this thread is not for this so I so apologize.

28 Oct 2008, 12:51 PM
#1285
countrycharm avatar

countrycharm

Totally Zenned

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

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

Hi jettrue it's me again. I just wanted to give you and update. That fix my IE7 problem by removing that chunk of code. Thank you again. I still have to resolve the other errors but I will.

28 Oct 2008, 8:57 PM
#1286
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!

countrycharm:

Hi jettrue it's me again. I just wanted to give you and update. That fix my IE7 problem by removing that chunk of code. Thank you again. I still have to resolve the other errors but I will.

Looks like you changed the includes/templates/common/tpl_footer.php and tried to remove the HOME link, but did something incorrectly. Pay close attention to your changes in that file.

You can ignore this error:
Line 43, Column 365: value of attribute "type" cannot be "search"; must be one of "text", "password", "checkbox", "radio", "submit", "reset", "file", "hidden", "image", "button".

28 Oct 2008, 9:35 PM
#1287
countrycharm avatar

countrycharm

Totally Zenned

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

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

Thanks jettrue, you where right again. Yes I did look at another thread about moving the home from the footer. That was the reason for the other 7 errors. I will ask this question over at the cherry zen thread about how to remove the home from the footer. There is still a CSS Validation problem with the drop menu. Any ideas jettrue what would be causing this.

css/stylesheet_header_menu.css
2 body Property behavior doesn't exist : url(includes/csshover.htc)
41 div#dropMenu li Parse Error *width:16.649%;
42 div#dropMenu li Parse error - Unrecognized }
81 div#dropMenu ul.level2 Parse Error ;left::0;
81 div#dropMenu ul.level2 Parse error - Unrecognized ;}

1 Nov 2008, 1:01 AM
#1288
newagekat avatar

newagekat

Zen Follower

Join Date:
Nov 2005
Location:
Vancouver, Canada
Posts:
151
Plugin Contributions:
0

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

hello:

first, really, really like the css drop down. Much cleaner. I installed and customized the menu for my site. I have one small, REALLY stupid question:

:clap:
i can't seem to get the level 2 items to accept my hover sate. it should be dark pink text over a light pink background. i've tried very combination i can think of, but nadda.

the site i'm working on is: http://bisousbaby.com/index.php
I'm designing on Mac, so if you see weird things in IE, I wouldn't mind hearing about it.

oh and adding pages was tedious, but very easy. I did not know someone had that would create define pages. Oh well, live and learn.

thqnk you

1 Nov 2008, 8:55 PM
#1289
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!

newagekat:

hello:

first, really, really like the css drop down. Much cleaner. I installed and customized the menu for my site. I have one small, REALLY stupid question:

:clap:
i can't seem to get the level 2 items to accept my hover sate. it should be dark pink text over a light pink background. i've tried very combination i can think of, but nadda.

the site i'm working on is: http://bisousbaby.com/index.php
I'm designing on Mac, so if you see weird things in IE, I wouldn't mind hearing about it.

oh and adding pages was tedious, but very easy. I did not know someone had that would create define pages. Oh well, live and learn.

thqnk you
Add the !important as below:

div#dropMenu ul.level2 li a:hover
{
color: #D66E7B!important;
background-color: #F3D5D8;
}

I'm on a mac too.

I think the easiest way to add pages is with EZ-pages in the admin.

2 Nov 2008, 7:44 AM
#1290
ajhb avatar

ajhb

New Zenner

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

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

I'd posted this before but had no link to offer, and hence no responses - now hoping someone might help shed some light on it as I have a live link to offer :smile:

www.chococielo.com

I've added some menu items to "About Chocolate", but they do not work in firefox (version 2.0.0.17) - despite working fine in IE (version 7.0). The shop and FAQ dropdowns work fine in both.

I'm sure it's something simple I've missed but still can't see it. Hope someone can help...

Thanks,
Adam.

Code as follows...

 <li class="submenu"><a ="<?php echo zen_href_link(FILENAME_ABOUT_CHOCOLATE); ?>"><?php echo HEADER_TITLE_ABOUT_CHOCOLATE; ?></a>
            </li>
			 <ul class="level2">
                <li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li>
			</ul>	
			<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a>
            </li>	

				
            <li class="submenu"><a ="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>
              <ul class="level2">
			    <?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 } ?>
2 Nov 2008, 3:17 PM
#1291
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!

ajhb:

I'd posted this before but had no link to offer, and hence no responses - now hoping someone might help shed some light on it as I have a live link to offer :smile:

www.chococielo.com

I've added some menu items to "About Chocolate", but they do not work in firefox (version 2.0.0.17) - despite working fine in IE (version 7.0). The shop and FAQ dropdowns work fine in both.

I'm sure it's something simple I've missed but still can't see it. Hope someone can help...

Thanks,
Adam.

Code as follows...

<li class="submenu"><a ="<?php echo zen_href_link(FILENAME_ABOUT_CHOCOLATE); ?>"><?php echo HEADER_TITLE_ABOUT_CHOCOLATE; ?></a> </li> <ul class="level2"> <li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li> </ul> <li class="submenu"><a href="<?php echo zen_href_link(FILENAME_ABOUT_US); ?>"><?php echo HEADER_TITLE_ABOUT_US; ?></a> </li>
        <li class="submenu"><a ="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_INFORMATION; ?></a>
          <ul class="level2">
		    <?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 } ?>
Your site is not working for me.

Look closely at your code, I'm pretty sure its not correct. 

<li class="submenu"><a ="<?php echo zen_href_link(FILENAME_ABOUT_CHOCOLATE); ?>"><?php echo HEADER_TITLE_ABOUT_CHOCOLATE; ?></a> <ul class="level2"> <li><a href="<?php echo zen_href_link(FILENAME_SHIPPING); ?>"><?php echo HEADER_TITLE_SHIPPING_INFO; ?></a></li> </ul> </li> ```

The </li> should be moved from after <?php echo HEADER_TITLE_ABOUT_CHOCOLATE; ?></a> to after the </ul>

3 Nov 2008, 12:58 AM
#1292
ajhb avatar

ajhb

New Zenner

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

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

Hi Jade,

Worked fine, many thanks!!!

I figured it'd be something simple but had been staring far too long at the code. I guess IE is a little more forgiving than Firefox. Great menu, BTW, thanks for making it available!

Cheers,
Adam.

3 Nov 2008, 5:20 AM
#1293
relspeedwagon avatar

relspeedwagon

New Zenner

Join Date:
Dec 2007
Posts:
12
Plugin Contributions:
0

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

I've installed this mod and love it. It works just like it says it should which means of course I want to alter it! I've searched and searched but haven't found a way to hide a category from displaying in this menu (I've installed hideCategories mod but then saw in the forum that it does NOT work for css menus). Has anyone found a solution?

Also, I posted a message earlier about putting a height limit on the drop down and having it double over instead. You can see why I'm asking here:

http://74.220.207.198/~retrospo/shop/index.php?main_page=index

Any help on this as well would be great!!! :frusty:

3 Nov 2008, 4:31 PM
#1294
newagekat avatar

newagekat

Zen Follower

Join Date:
Nov 2005
Location:
Vancouver, Canada
Posts:
151
Plugin Contributions:
0

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

jettrue:

Add the !important as below:

div#dropMenu ul.level2 li a:hover
{
color: #D66E7B!important;
background-color: #F3D5D8;
}

I'm on a mac too.

I think the easiest way to add pages is with EZ-pages in the admin.

jettrue, that worked! thank you. As to the easy pages, I did try it. unfortunately, the info pages are disperced and some are parent of children, so after palying with it, moving the code ```html

<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>

thank you for everything.
6 Nov 2008, 2:48 AM
#1295
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!

newagekat:

jettrue, that worked! thank you. As to the easy pages, I did try it. unfortunately, the info pages are disperced and some are parent of children, so after palying with it, moving the code ```html

<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
> 
> thank you for everything.

What do you mean "the info pages are dispersed"?
6 Nov 2008, 2:51 AM
#1296
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!

relspeedwagon:

I've installed this mod and love it. It works just like it says it should which means of course I want to alter it! I've searched and searched but haven't found a way to hide a category from displaying in this menu (I've installed hideCategories mod but then saw in the forum that it does NOT work for css menus). Has anyone found a solution?

Also, I posted a message earlier about putting a height limit on the drop down and having it double over instead. You can see why I'm asking here:

http://74.220.207.198/~retrospo/shop/index.php?main_page=index

Any help on this as well would be great!!! :frusty:
I can't see why it would not work (hideCategories), but you'll have to open some files for this mod and make some changes. For example, I think you'll need to make some changes in includes/classes/categories_ul_generator under function zen_categories_ul_generator. I'm assuming you'll need to change the $categories_query so that it selects the un-hidden categories instead of all of them.

Height limit is not possible, sorry. Could you rearrange the categories in alphabetical groups? Like "Teams A-F", "Teams G-L", etc?

13 Nov 2008, 6:36 AM
#1297
jwjones avatar

jwjones

New Zenner

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

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

Great mod. Works like a charm. Clean, functional, and easy to set up, even for a non-tech minded person like myself.

Thank you greatly for all the effort and time invested.
:thumbsup:

14 Nov 2008, 2:34 PM
#1298
bearaman avatar

bearaman

New Zenner

Join Date:
Jun 2006
Posts:
57
Plugin Contributions:
0

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

Hi,
Great mod, just what I was looking for. Thanks!
I'd like to change where the home tab links to. Currently, it goes to https://www.mysie.com/shop/ but I'd like to change it to just https://www.mysite.com - how do you do this? I've tried changing the header_tpl but it makes no difference.
Thanks again.
B.

14 Nov 2008, 9:23 PM
#1299
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!

bearaman:

Hi,
Great mod, just what I was looking for. Thanks!
I'd like to change where the home tab links to. Currently, it goes to https://www.mysie.com/shop/ but I'd like to change it to just https://www.mysite.com - how do you do this? I've tried changing the header_tpl but it makes no difference.
Thanks again.
B.
Open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and change this:

<a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>

to:

<a href="http://www.mysite.com">Home</a>

14 Nov 2008, 10:55 PM
#1300
jgg1974 avatar

jgg1974

New Zenner

Join Date:
Apr 2008
Posts:
48
Plugin Contributions:
0

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

Hello , love the ad on !! I was wondering if it is possible to have the drop down menu extend a little further down? I have a lot of products and when the menu drops down , it cuts off a lot of my products...my website is

http://jygoods.com/shop/index.php?main_page=index&cPath=1326_1330

that is where you can see the categories and how it doesnt drop down all the way...

And one more issue, when i click on information in the menubar, it brings me to the shops original homepage and not the information page,

thanks for any help...
:bigups: