Footer Menu Support Thread

[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">&nbsp;</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">&nbsp;</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

[clydejones]

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">&nbsp;</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">&nbsp;</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

This is the stylesheet that controls the footer menu

stylesheet_footer_menu.css

[integrity_designs]

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

[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

[clydejones]

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.

[integrity_designs]

Thanks Clyde

I think i have done it correct.

Kind Regards

[integrity_designs]

Ok something is not right.

I still have this issue (see image)



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

[clydejones]

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;
}

[integrity_designs]

Thanks heaps Clyde.
That sure fixed it

Kind Regards

[integrity_designs]

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