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

Results 901 to 920 of 2,344
25 Mar 2008, 3:37 AM
#901
dnolan avatar

dnolan

New Zenner

Join Date:
Mar 2007
Location:
Dexter, MO USA
Posts:
32
Plugin Contributions:
0

CSS Dropdown menu for the header- With Categories!

jettrue:

Ah, the issue is a small error in includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

Change this:

/*green /
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #6084c4!important;background:#85d1ce;}
[B]
/[/B]

> 
> ```
/*green */
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #6084c4!important;background:#85d1ce;}

Thanks jettrue, I made the suggested changes and still have the problem. Everything works perfectly in Firefox but menu is still out to the right on IE browsers.
http://stunstasersandmore.com

26 Mar 2008, 3:15 AM
#902
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!

dnolan:

Thanks jettrue, I made the suggested changes and still have the problem. Everything works perfectly in Firefox but menu is still out to the right on IE browsers.
http://stunstasersandmore.com

Try adding a left:0; to #dropMenuWrapperc and #dropMenuWrapperd in stylesheet.css.

27 Mar 2008, 8:06 PM
#903
gourmets avatar

gourmets

New Zenner

Join Date:
Jan 2007
Posts:
61
Plugin Contributions:
0

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

Wow, this is a long thread LOL
I have the mod working on my site at www.gourmetshoppe.net and looks great, so thanks to the contributor. However, I wanted to make a change and wasnt sure how to go about it.

I would like to have the Contact Us box changed to Brands and then be able to add Ezpages with my Brands as a flyout from this box. Can someone explain how to do this? Right now when I add an Ezpage to the header, it automatically gets put under Information....which is fine so far, but I'd like to have a flyout menu for my Brands. I also dont want it dynamically filled in, I want to pick and choose which Brands I want to add, hence the reason for using the Ezpages instead of the Manufacturer sidebox or other dynamic option.

Can anyone help with this on exactly what changes I need to make? Thanks.

27 Mar 2008, 10:26 PM
#904
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!

gourmets:

Wow, this is a long thread LOL
I have the mod working on my site at www.gourmetshoppe.net and looks great, so thanks to the contributor. However, I wanted to make a change and wasnt sure how to go about it.

I would like to have the Contact Us box changed to Brands and then be able to add Ezpages with my Brands as a flyout from this box. Can someone explain how to do this? Right now when I add an Ezpage to the header, it automatically gets put under Information....which is fine so far, but I'd like to have a flyout menu for my Brands. I also dont want it dynamically filled in, I want to pick and choose which Brands I want to add, hence the reason for using the Ezpages instead of the Manufacturer sidebox or other dynamic option.

Can anyone help with this on exactly what changes I need to make? Thanks.
Hmm... ok, open up includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php and remove this section:

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

Then Change this:

<li><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a></li>

To this:

<li class="submenu"><a href="<?php echo zen_href_link(FILENAME_CONTACT_US, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CONTACT_US; ?></a>
<ul class="level2">
<?php require(DIR_WS_MODULES . 'sideboxes/' . $template_dir . '/' . 'ezpages_drop_menu.php'); ?>
</ul>
</li>

Now all of your "ez-pages" will be under the "Contact Us" section. Then you can change the text "contact us" to whatever you want, in includes/languages/english/extra_definitions/YOUR_TEMPLATE/headermenu.php

28 Mar 2008, 4:59 AM
#905
mauryg avatar

mauryg

Zen Follower

Join Date:
Jul 2006
Posts:
213
Plugin Contributions:
0

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

gourmets:

I also dont want it dynamically filled in, I want to pick and choose which Brands I want to add, hence the reason for using the Ezpages instead of the Manufacturer sidebox or other dynamic option.

Can anyone help with this on exactly what changes I need to make? Thanks.

Jade,
I think you missed the little caveat that Gourmets threw in his question. Looks to me like he'll have to add the EZpages to his Brands menu manually the way I did with my site.

Maury

28 Mar 2008, 9:23 PM
#906
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!

mauryg:

Jade,
I think you missed the little caveat that Gourmets threw in his question. Looks to me like he'll have to add the EZpages to his Brands menu manually the way I did with my site.

Maury

Ah, I see, well, if he uses ez-pages, can't he just only make an ezpage for the brands he wants to show? What I suggests MOVES ezpages TO the "contact us" menu (which he will rename "Brands"), and then he can make the ezpages he choses. :-)

28 Mar 2008, 9:49 PM
#907
mauryg avatar

mauryg

Zen Follower

Join Date:
Jul 2006
Posts:
213
Plugin Contributions:
0

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

Yeah, there are always a number of solutions to any problem. He could also make a category called "Featured Brands" with no products. Then he could make his chosen brands subcategories under this and the logo and description of each of them would appear in menu flyouts from the main link. The beauty of this would be he could also put specific or featured products under the brands as sub-subcategories. That way the menu would build itself automatically and to my thinking it 'belongs' with the product category menu.

BTW Love the new avatar. The kids and the dog are cute. :hug:

31 Mar 2008, 7:33 PM
#908
gourmets avatar

gourmets

New Zenner

Join Date:
Jan 2007
Posts:
61
Plugin Contributions:
0

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

Thanks to those who attempted to help me with my Brands header. Sorry for the delay, but I had a house fire to deal with! :dontgetit

In any case, I have moved my ezpages to the former Contact Us header and renamed that to Information. I then renamed the former Information header to Brands, now Im just confused as to how to get the Brands underneath the header. In other words, I need 2 sets of ezpages for the header. I have one set of ezpages with such links as Shipping policy, Live Support, FAQ's, etc under the Information header. I need another set to show up under the Brands header...but if I add them now, they will only show up under the Information header. See what I am talking about here: www.gourmetshoppe.net

Is there a way that I can duplicate the ez_pages_dropmenu.php file and add a second set of ezpages only for the Brands? I would prefer to use ezpages for this instead of categories and subcategories if I can. Thanks.

31 Mar 2008, 10:41 PM
#909
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!

gourmets:

Thanks to those who attempted to help me with my Brands header. Sorry for the delay, but I had a house fire to deal with! :dontgetit

In any case, I have moved my ezpages to the former Contact Us header and renamed that to Information. I then renamed the former Information header to Brands, now Im just confused as to how to get the Brands underneath the header. In other words, I need 2 sets of ezpages for the header. I have one set of ezpages with such links as Shipping policy, Live Support, FAQ's, etc under the Information header. I need another set to show up under the Brands header...but if I add them now, they will only show up under the Information header. See what I am talking about here: www.gourmetshoppe.net

Is there a way that I can duplicate the ez_pages_dropmenu.php file and add a second set of ezpages only for the Brands? I would prefer to use ezpages for this instead of categories and subcategories if I can. Thanks.

I've never done that, I don't know if that would work, I don't think so.

You're going to have to do one or the other manually. For whatever drop menu you want "Brands" to be, I'd leave the ezpage code there. Then for your new information, you'll have to create the links to the specific ezpages manually.

1 Apr 2008, 12:11 PM
#910
gourmets avatar

gourmets

New Zenner

Join Date:
Jan 2007
Posts:
61
Plugin Contributions:
0

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

jettrue:

I've never done that, I don't know if that would work, I don't think so.

You're going to have to do one or the other manually. For whatever drop menu you want "Brands" to be, I'd leave the ezpage code there. Then for your new information, you'll have to create the links to the specific ezpages manually.

Ok, but how to do you create them manually? This is one of the things I wasnt aware of how to do. Do I have to put the links into the actual file? Or is there something else? I dont understand the manual part.

1 Apr 2008, 9:56 PM
#911
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!

gourmets:

Ok, but how to do you create them manually? This is one of the things I wasnt aware of how to do. Do I have to put the links into the actual file? Or is there something else? I dont understand the manual part.

Yep, you'll manually add them in includes/template/YOUR_TEMLATE/common/tpl_drop_menu.php

3 Apr 2008, 6:36 AM
#912
fireolg avatar

fireolg

New Zenner

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

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

I have installing this modul with academe template, but i have this problem in internet explorer, there is a space between my header image and the menu as you can see in this image Attachment #3706

but there is no problem with opera, safari and firefox
Attachment #3705

how to fix this issue ?? please help me.

thank you.

4 Apr 2008, 2:09 AM
#913
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!

fireolg:

I have installing this modul with academe template, but i have this problem in internet explorer, there is a space between my header image and the menu as you can see in this image Attachment #3706

but there is no problem with opera, safari and firefox
Attachment #3705

how to fix this issue ?? please help me.

thank you.

Please post a link.

4 Apr 2008, 6:11 AM
#914
fireolg avatar

fireolg

New Zenner

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

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

jettrue:

Please post a link.

I'm still developing in my own machine, is there any file from my zencart configurations u need?

4 Apr 2008, 6:12 AM
#915
fireolg avatar

fireolg

New Zenner

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

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

jettrue:

Please post a link.

I'm only remove/disable the ezpages from the admin section, and then I placed this modul below the logo image, this works fine exept in the internet explorer.

4 Apr 2008, 11:01 AM
#916
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!

fireolg:

I'm only remove/disable the ezpages from the admin section, and then I placed this modul below the logo image, this works fine exept in the internet explorer.

Look at the source of the page, and paste for me from the logo section, to the beginning of the drop down menu.

5 Apr 2008, 1:45 AM
#917
fireolg avatar

fireolg

New Zenner

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

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

jettrue:

Look at the source of the page, and paste for me from the logo section, to the beginning of the drop down menu.

this is my tlp_header.php :

<?php
// Display all header alerts via messageStack:
if ($messageStack->size('header') > 0) {
echo $messageStack->output('header');
}
if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
echo htmlspecialchars(urldecode($_GET['error_message']));
}
if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
echo htmlspecialchars($_GET['info_message']);
} else {

}
?>


<!--bof-header logo and navigation display-->
<?php
if (!isset($flag_disable_header) || !$flag_disable_header) {
?>

<div id="headerWrapper">
<div id="topBarWrap">
<div id="topBar">
<?php require(DIR_WS_MODULES . 'sideboxes/languages_header.php'); ?>
<?php require(DIR_WS_MODULES . 'sideboxes/currencies_header.php'); ?>
<div id="cart_header" class="topBox">Shopping Cart<br /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><? echo $_SESSION['cart']->count_contents();?> item(s) - <? echo $currencies->format($_SESSION['cart']->show_total());?></a>

<!-- logoff menu -->
<br>>> <?php if ($_SESSION['customer_id']) { ?>
    <a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a>
<?php
      } else {
        if (STORE_STATUS == '0') {
?>
    <a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a>
<?php } } ?>
 <<

</div>
<br class="clearBoth" /></div>
</div>
<div id="logoWrap">
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
<!--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 class="clearBoth"></div>
<div id="topLinks">
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { 
require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); 
} ?>

</div><br class="clearBoth" />
</div>
</div>
<?php } ?>
5 Apr 2008, 4:40 AM
#918
ztotheetothen avatar

ztotheetothen

Zen Follower

Join Date:
Oct 2006
Location:
Los Angeles
Posts:
111
Plugin Contributions:
0

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

I installed this great contribution, but right below the drop down header I still have the old menu with Home, Log in, Shopping cart buttons that I would like to remove.

I guess this is the same problem as in post #7.
In post #8, there is a way to fix it, but I dont know php, it might as well be a foreign language... :(

i tried editing the file, but no such luck

can sombody please explain on how to get rid of the old menu.

website: http://got-jdm.com/JDM

thank you

5 Apr 2008, 2:42 PM
#919
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!

fireolg:

this is my tlp_header.php :

<?php // Display all header alerts via messageStack: if ($messageStack->size('header') > 0) { echo $messageStack->output('header'); } if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) { echo htmlspecialchars(urldecode($_GET['error_message'])); } if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) { echo htmlspecialchars($_GET['info_message']); } else { } ?> <!--bof-header logo and navigation display--> <?php if (!isset($flag_disable_header) || !$flag_disable_header) { ?> <div id="headerWrapper"> <div id="topBarWrap"> <div id="topBar"> <?php require(DIR_WS_MODULES . 'sideboxes/languages_header.php'); ?> <?php require(DIR_WS_MODULES . 'sideboxes/currencies_header.php'); ?> <div id="cart_header" class="topBox">Shopping Cart<br /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><? echo $_SESSION['cart']->count_contents();?> item(s) - <? echo $currencies->format($_SESSION['cart']->show_total());?></a> <!-- logoff menu -->

<br>>> <?php if ($_SESSION['customer_id']) { ?>
<a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a>

<?php } else { if (STORE_STATUS == '0') { ?>
<a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a>
<?php } } ?>

<<

</div> <br class="clearBoth" /></div> </div> <div id="logoWrap"> <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div> <!--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 class="clearBoth"></div> <div id="topLinks"> <?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); } ?> </div><br class="clearBoth" /> </div> </div> <?php } ?> ```

Change ALL <br class="clearBoth" /> to <div class="clearBoth"></div>

and then CHANGE the current .clearBoth in stylesheet.css to this:

.clearBoth {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	}
5 Apr 2008, 2:44 PM
#920
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!

ztotheetothen:

I installed this great contribution, but right below the drop down header I still have the old menu with Home, Log in, Shopping cart buttons that I would like to remove.

I guess this is the same problem as in post #7.
In post #8, there is a way to fix it, but I dont know php, it might as well be a foreign language... :(

i tried editing the file, but no such luck

can sombody please explain on how to get rid of the old menu.

website: http://got-jdm.com/JDM

thank you

Open up includes/templates/YOUR_TEMPLATE/common/tpl_header.php and remove everything from:

<!--bof-navigation display-->

to:

<!--eof-navigation display-->