Footer Menu Support Thread

Hi clydejones awesome menu. I have a couple problems. If you go to my site you will see that my about us link is not right. I am using a drop down menu by jadefish and not the side box. I also want to just make it a 3 menu instead of a 4. I really don't have any important links to display so I want to remove that and get everything line up in the middle of my page. Here is a link to my site and thank you. If I did use the important links I would like to put my contest that I run over there along with my faqs.

countrycharm:

Hi clydejones awesome menu. I have a couple problems. If you go to my site you will see that my about us link is not right. I am using a drop down menu by jadefish and not the side box. I also want to just make it a 3 menu instead of a 4. I really don't have any important links to display so I want to remove that and get everything line up in the middle of my page. Here is a link to my site and thank you. If I did use the important links I would like to put my contest that I run over there along with my faqs.

For the first question - it appears that you either don't have the "about us" contribution installed or if you do, You are missing one of the language files.

The second - a bit more complicated and requires editing the files in the mod to remove the fourth column information.

I think someone may have done something similar and posted a solution somewhere in this thread.

clydejones:

For the first question - it appears that you either don't have the "about us" contribution installed or if you do, You are missing one of the language files.

The second - a bit more complicated and requires editing the files in the mod to remove the fourth column information.

I think someone may have done something similar and posted a solution somewhere in this thread.

Yes I have one in the header menu that jadefish furnish with the menu. You can down load it from here to take a look and give me some pointers if you will. Thank You again

countrycharm:

Yes I have one in the header menu that jadefish furnish with the menu. You can down load it from here to take a look and give me some pointers if you will. Thank You again

Not sure what the dropdown menu has to do with the footer menu and in any case the zip file you referenced is empty.

If you want to change the footer menu you will have to edit.

footer_menu_defines.php

tpl_footer_menu.php

and remove any references to the column 4 items

clydejones:

Not sure what the dropdown menu has to do with the footer menu and in any case the zip file you referenced is empty.

If you want to change the footer menu you will have to edit.

footer_menu_defines.php

tpl_footer_menu.php

and remove any references to the column 4 items

For the first question - it appears that you either don't have the "about us" contribution installed or if you do, You are missing one of the language files. I don't know if I have it installed.

Thanks clyde for your help. I went to admin/configuration.ezpage and cut it off from their. The file is in there I just checked, any way I don;t know what I was trying to show you....lol going crazy today. How would I center Quick Links, Information, Customer Service with the links. How would I add another straight line on the other side of quick links. Sorry for all the questions.

countrycharm:

For the first question - it appears that you either don't have the "about us" contribution installed or if you do, You are missing one of the language files. I don't know if I have it installed.

Thanks clyde for your help. I went to admin/configuration.ezpage and cut it off from their. The file is in there I just checked, any way I don;t know what I was trying to show you....lol going crazy today. How would I center Quick Links, Information, Customer Service with the links. How would I add another straight line on the other side of quick links. Sorry for all the questions.

open the stylesheet_footer_menu.css add the following

.first {border-left:1px dotted #000;}

clydejones:

open the stylesheet_footer_menu.css add the following

.first {border-left:1px dotted #000;}
Thank you clyde that worked out great. One more question and I will leave you a lone. I know this has been asked and I have tried all of them. Copyright I want to put a little more space between the two. I can not figure this one out.

countrycharm:

Thank you clyde that worked out great. One more question and I will leave you a lone. I know this has been asked and I have tried all of them. Copyright I want to put a little more space between the two. I can not figure this one out.

stylesheet.css

find #siteinfoLegal

add margin and padding to get the look you want.

Hello Clyde.
Thanks for a really nice contribution.
I too am having some minor issues with the menu. I know it is in the menu_footer.css. I suspect (#navSuppWrapper) section that is overriding that section in the main stylesheet.

Zen 1.38a and cherry-zen template. Url= http://www.angiejolee.com/store/

The issues are:

1. Messes up the top main navigation a bit.
2. Links in sideboxes (other than categories) are aligned left (normal) but centered in a narrower space forcing a wrap.

Any suggestions would be appreciated.

Drunkguy:

Hello Clyde.
Thanks for a really nice contribution.
I too am having some minor issues with the menu. I know it is in the menu_footer.css. I suspect (#navSuppWrapper) section that is overriding that section in the main stylesheet.

Zen 1.38a and cherry-zen template. Url= http://www.angiejolee.com/store/

The issues are:

1. Messes up the top main navigation a bit.
2. Links in sideboxes (other than categories) are aligned left (normal) but centered in a narrower space forcing a wrap.

Any suggestions would be appreciated.

#navSuppWrapper would not affect the top main navigation since that section is styled by #navMainWrapper

The sideboxes, likewise, would not be affected since they are styled by .sideBoxContent

You might want to check the "cherry zen" support thread and see if anyone else has experienced these issues.

I have gone through the entire thread and tried all different suggestions for fixing the footer menu on my store, but I still can not get it to work correctly.

I have the Copyright in the center of the menu.
I tried adding the <div class="clearBoth"> </div> to the includes/custom/templates/common/tpl_footer.php file as suggested in a previous thread but that did not help any.

Here is my tpl_footer code:

<?php
/**
 * Common Template - tpl_footer.php
 *
 * this file can be copied to /templates/your_template_dir/pagename<br />
 * example: to override the privacy page<br />
 * make a directory /templates/my_template/privacy<br />
 * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_footer.php<br />
 * to override the global settings and turn off the footer un-comment the following line:<br />
 * <br />
 * $flag_disable_footer = true;<br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_footer.php 4821 2006-10-23 10:54:15Z drbyte $
 */
require(DIR_WS_MODULES . zen_get_module_directory('footer.php'));
?>

<?php
if (!isset($flag_disable_footer) || !$flag_disable_footer) {
?>

<div id="footer">

<!--bof-navigation display -->
<div id="navSuppWrapper">
<!--BOF footer menu display-->
<?php require($template->get_template_dir('tpl_footer_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer_menu.php');?>
<!--EOF footer menu display-->
</div>
<!--eof-navigation display -->
<br class="clearBoth" />
<center>
<table>
<!--bof- site copyright display -->
<div class="clearBoth"> </div>
<div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY; ?></div>
<!--eof- site copyright display -->

<!--bof-ip address display -->
<?php
if (SHOW_FOOTER_IP == '1') {
?>
<div id="siteinfoIP"><?php echo TEXT_YOUR_IP_ADDRESS . '  ' . $_SERVER['REMOTE_ADDR']; ?></div>
<?php
}
?>
<!--eof-ip address display -->

<!--bof-banner #5 display -->
<?php
  if (SHOW_BANNERS_GROUP_SET5 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET5)) {
    if ($banner->RecordCount() > 0) {
?>
<div id="bannerFive" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
    }
  }
?>
<!--eof-banner #5 display -->

<?php
} // flag_disable_footer
?>
</div>

footer menu style sheet

#footer {
	margin: 0px auto;
	text-align: left;
	background: url(../images/footer_bg.gif);
	width: 900px;
	height:112px;
	clear:both;
	}
#navSuppWrapper {
	margin: 40px 0 0 150px
	padding: 0;
	background:none;
	color: #444;
	width:100%;
	}	
#navSuppWrapper dl {margin: 0 auto 3px 0;padding:0;clear:both;height:79px;width:100%;}/*Adjust the height and width of the menu*/
#navSuppWrapper dt {margin-bottom:.3em;font-weight:bold;}
#navSuppWrapper dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/
#navSuppWrapper ul {margin:0;padding:0;list-style: none;}
#navSuppWrapper li {margin:0;padding:0;}
#navSuppWrapper li a:link {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;font-size:.9em;
display:block;}
#navSuppWrapper li a:visited {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}
#navSuppWrapper li a:hover {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}
#navSuppWrapper li a:active {letter-spacing:.1em;color: #444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;}
.menuTitle {margin:0;padding-bottom:.3em;text-align:center;font-size:1.1em;font-weight:bold;}
.first, .second, .third {border-right:1px dotted #000;}
#siteinfoLegal {
        margin:10px auto
	padding: .5em 0 0;
	font-size: 0.9em;
	text-align:center;
	width:100%;
	line-height:normal;
	clear:both;
}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #000;font-weight:bold;white-space: nowrap; }
#siteinfoLegal a:hover {color: #000;background: #EAC27C;}

Thank-you
Kind regards

integrity_designs:

I have gone through the entire thread and tried all different suggestions for fixing the footer menu on my store, but I still can not get it to work correctly.

I have the Copyright in the center of the menu.
I tried adding the <div class="clearBoth"> </div> to the includes/custom/templates/common/tpl_footer.php file as suggested in a previous thread but that did not help any.

Here is my tpl_footer code:

<?php /** * Common Template - tpl_footer.php * * this file can be copied to /templates/your_template_dir/pagename<br /> * example: to override the privacy page<br /> * make a directory /templates/my_template/privacy<br /> * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_footer.php<br /> * to override the global settings and turn off the footer un-comment the following line:<br /> * <br /> * $flag_disable_footer = true;<br /> * * @package templateSystem * @copyright Copyright 2003-2005 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: tpl_footer.php 4821 2006-10-23 10:54:15Z drbyte $ */ require(DIR_WS_MODULES . zen_get_module_directory('footer.php')); ?> <?php if (!isset($flag_disable_footer) || !$flag_disable_footer) { ?> <div id="footer"> <!--bof-navigation display --> <div id="navSuppWrapper"> <!--BOF footer menu display--> <?php require($template->get_template_dir('tpl_footer_menu.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer_menu.php');?> <!--EOF footer menu display--> </div> <!--eof-navigation display --> <br class="clearBoth" /> <center> <table> <!--bof- site copyright display --> <div class="clearBoth"> </div> <div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY; ?></div> <!--eof- site copyright display --> <!--bof-ip address display --> <?php if (SHOW_FOOTER_IP == '1') { ?> <div id="siteinfoIP"><?php echo TEXT_YOUR_IP_ADDRESS . ' ' . $_SERVER['REMOTE_ADDR']; ?></div> <?php } ?> <!--eof-ip address display --> <!--bof-banner #5 display --> <?php if (SHOW_BANNERS_GROUP_SET5 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET5)) { if ($banner->RecordCount() > 0) { ?> <div id="bannerFive" class="banners"><?php echo zen_display_banner('static', $banner); ?></div> <?php } } ?> <!--eof-banner #5 display --> <?php } // flag_disable_footer ?> </div> ``` > > footer menu style sheet > > ```php #footer { margin: 0px auto; text-align: left; background: url(../images/footer_bg.gif); width: 900px; height:112px; clear:both; } #navSuppWrapper { margin: 40px 0 0 150px padding: 0; background:none; color: #444; width:100%; } #navSuppWrapper dl {margin: 0 auto 3px 0;padding:0;clear:both;height:79px;width:100%;}/*Adjust the height and width of the menu*/ #navSuppWrapper dt {margin-bottom:.3em;font-weight:bold;} #navSuppWrapper dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/ #navSuppWrapper ul {margin:0;padding:0;list-style: none;} #navSuppWrapper li {margin:0;padding:0;} #navSuppWrapper li a:link {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;font-size:.9em; display:block;} #navSuppWrapper li a:visited {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;} #navSuppWrapper li a:hover {letter-spacing:.1em;color:#444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;} #navSuppWrapper li a:active {letter-spacing:.1em;color: #444;margin:0;padding-left:2em;padding-bottom:.3em;display:block;} .menuTitle {margin:0;padding-bottom:.3em;text-align:center;font-size:1.1em;font-weight:bold;} .first, .second, .third {border-right:1px dotted #000;} #siteinfoLegal { margin:10px auto padding: .5em 0 0; font-size: 0.9em; text-align:center; width:100%; line-height:normal; clear:both; } #siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #000;font-weight:bold;white-space: nowrap; } #siteinfoLegal a:hover {color: #000;background: #EAC27C;} ``` > > Thank-you > Kind regards

This is the stylesheet that controls the footer menu

stylesheet_footer_menu.css

Thanks for the reply. I re-uploaded the stylesheet and it seems to be working fine now. Just need to work out why the zen cart is on seperate line lol.....

Kind Regards

I don't know what has happened to my header section where the Home and Log In is.
They have gone under each other.

Also, how do I get a border around the entire footer menu please?

One other thing, how come when I installed this module, it took away the bottom navigation colour bar where the copyright etc is? Can this be changed back still without interfering with the footer menu module?

I have searched this thread etc for these answers but have had no luck in finding an answer.

Kind Regards

integrity_designs:

I don't know what has happened to my header section where the Home and Log In is.
They have gone under each other.

Also, how do I get a border around the entire footer menu please?

One other thing, how come when I installed this module, it took away the bottom navigation colour bar where the copyright etc is? Can this be changed back still without interfering with the footer menu module?

I have searched this thread etc for these answers but have had no luck in finding an answer.

Kind Regards

1st: open includes/templates/YOUR_TEMPLATE/css/stylesheet

find the following declaration:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #2f4b73;
	background-image: ;
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}

and replace it with this:

#navMainWrapper {
	margin: 0em;
	background-color: #2f4b73;
	background-image: ;
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}
#navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #2f4b73;
	background-image: ;
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}

2nd: open includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css

find the following declaration and add the highlighted portion

dl {margin: 0 0 3px 0;padding:0;clear:both;height:79px;width:100%;border:1px solid #000;}/Adjust the height and width of the menu/

Note: you may need to adjust the padding somewhat.

Thanks Clyde

I think i have done it correct.

Kind Regards

Ok something is not right.

I still have this issue (see image)

Please help... it's ever since added this module...

integrity_designs:

Ok something is not right.

I still have this issue (see image)

Please help... it's ever since added this module...

open includes/templates/YOUR_TEMPLATE/css/stylesheet.css

find the following declaration and make the highlighted change

#navMain ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #000000;
display: inline;
white-space: nowrap;
}

Thanks heaps Clyde.
That sure fixed it :clap:

Kind Regards

Is there any way of moving the footer menu below the copyright etc?
Kind Regards