Footer Menu Support Thread

[gadgetaccessorystore]

try this change:

define('PAYMENTS', '<li><img src="/images/payments/visa.jpg"></li>');

Perfect thank you.

[zfw88788301]

Hello！clydejones，

I've installed this module on my website but i got a problem on my final step! you can visit my website at www.ShopEzone.com

as you can see on the footer like the picture i've attached.


Here is my footer_menu_defines.php code:



<?php
/**
* Footer Menu Definitions
*
* @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 V3.0
* @version $Id: footer_menu_deines.php 1.0 5/9/2009 Clyde Jones $
*/

/*BOF Menu Column 1 link Definitions*/
Define('TITLE_ONE', '<li class="menuTitle">Quick Links</li>');
Define('HOME','<li><a href=" http://www.ShopEzone.com">Home</a></li>');
//Define('HOME', '<li><a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . HEADER_TITLE_CATALOG . '</a></li>');
//Define('SPECIALS', '<li><a href="' . zen_href_link(FILENAME_SPECIALS) . '">' . BOX_HEADING_SPECIALS . '</a></li>');
Define('NEWPRODUCTS', '<li><a href="' . zen_href_link(FILENAME_PRODUCTS_NEW) . '">' . BOX_HEADING_WHATS_NEW . '</a></li>');
//Define('FEATURED','<li><a href="' . zen_href_link(FILENAME_FEATURED_PRODUCTS) . '">' . TABLE_HEADING_FEATURED_PRODUCTS . '</a></li>');
//Define('ALLPRODUCTS', '<li><a href="' . zen_href_link(FILENAME_PRODUCTS_ALL) . '">' .CATEGORIES_BOX_HEADING_PRODUCTS_ALL . '</a></li>');
//Define('PAYMENT_METHOD', '<li><a href="' . zen_ez_pages_link(25) . '"> TABLE_HEADING_PAYMENT_METHODS </a></li>');
Define('PAYMENT_METHOD', '<li><a href="' . zen_ez_pages_link(25) . '"> Payment Methods </a></li>');
Define('SHIPPING_GUIDE', '<li><a href="' . zen_ez_pages_link(26) . '"> Shipping Guide </a></li>');
Define('NEW_USER_GUIDE', '<li><a href="' . zen_ez_pages_link(27) . '"> New User Guide </a></li>');
/*EOF Menu Column 1 link Definitions*/



/*OF Menu Column 2 link Definitions*/
Define('TITLE_TWO', '<li class="menuTitle">Information</li>');
Define('ABOUT', '<li><a href="' . zen_href_link(FILENAME_ABOUT_US) . '">' . BOX_INFORMATION_ABOUT_US . '</a></li>');
Define('SITEMAP', '<li><a href="' . zen_href_link(FILENAME_SITE_MAP) . '">' . BOX_INFORMATION_SITE_MAP . '</a></li>');
Define('GVFAQ', '<li><a href="' . zen_href_link(FILENAME_GV_FAQ) . '">' . BOX_INFORMATION_GV . '</a></li>');
Define('COUPON', '<li><a href="' . zen_href_link(FILENAME_DISCOUNT_COUPON) . '">' . BOX_INFORMATION_DISCOUNT_COUPONS . '</a></li>');
Define('UNSUBSCRIBE', '<li><a href="' . zen_href_link(FILENAME_UNSUBSCRIBE) . '">' . BOX_INFORMATION_UNSUBSCRIBE . '</a></li>');
/*EOF Menu Column 2 link Definitions*/



/*BOF Menu Column 3 link Definitions*/
Define('TITLE_THREE', '<li class="menuTitle">Customer Service</li>');
Define('CONTACT','<li><a href="' . zen_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a></li>');
//Define('SHIPPING', '<li><a href="' . zen_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a></li>');
//Define('PRIVACY', '<li><a href="' . zen_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a></li>');
//Define('CONDITIONS','<li><a href="' . zen_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>');
//Define('ACCOUNT', '<li><a href="' . zen_href_link(FILENAME_ACCOUNT, '', 'SSL') .'">' . HEADER_TITLE_MY_ACCOUNT . '</a></li>');
Define('TRACK_YOUR_ORDER', '<li><a href="' . zen_ez_pages_link(20) . '"> Track Your Order</a></li>');
Define('LIVE_CHAT', '<li><a href="' . zen_ez_pages_link(21) . '"> Live Chat</a></li>');
Define('SUBMIT_A_REQUEST', '<li><a href="' . zen_ez_pages_link(23) . '"> Submit A Request</a></li>');
Define('TECH_SUPPORT_AND_KNOWLEDGEBASE', '<li><a href="' . zen_ez_pages_link(24) . '"> Tech Support And Knowledgebase</a></li>');
/*EOF Menu Column 3 link Definitions*/



/*BOF Menu Column 4 link Definitions*/
Define('TITLE_FOUR', '<li class="menuTitle">Policies</li>');
/*The actual links are determined by "footer links" set in EZ-Pages
*EOF Menu Column 4 link Definitions
*/



/*BOF Footer Menu Definitions*/
//Define('QUICKLINKS', '<dd class="first">
//<ul>' . TITLE_ONE . HOME . SPECIALS . NEWPRODUCTS .FEATURED . ALLPRODUCTS . '</ul></dd>');
//Define('INFORMATION', '<dd class="second">
//<ul>' . TITLE_TWO . ABOUT . SITEMAP . GVFAQ . COUPON . UNSUBSCRIBE . '</ul></dd>');
//Define('CUSTOMER_SERVICE', '<dd class="third">
//<ul>' . TITLE_THREE . CONTACT . SHIPPING . PRIVACY . CONDITIONS . ACCOUNT . '</ul></dd>');
Define('QUICKLINKS', '<dd class="first">
<ul>' . TITLE_ONE . HOME . NEWPRODUCTS . PAYMENT_METHOD . SHIPPING_GUIDE . NEW_USER_GUIDE . '</ul></dd>');

Define('INFORMATION', '<dd class="second">
<ul>' . TITLE_TWO . ABOUT . SITEMAP . GVFAQ . COUPON . UNSUBSCRIBE . '</ul></dd>');

Define('CUSTOMER_SERVICE', '<dd class="third">
<ul>' . TITLE_THREE . CONTACT . LIVE_CHAT . TRACK_YOUR_ORDER . SUBMIT_A_REQUEST . TECH_SUPPORT_AND_KNOWLEDGEBASE . '</ul></dd>');
Define('Policies', '<dd><ul>' . TITLE_FOUR);
//Define('IMPORTANT_END', '</ul></dd>');
/*EOF Footer Menu Definitions*/

//EOF


And here is my tpl_footer_menu.php code:


<?php
/* Page Template - tpl_footer_menu.php
*Display the Footer Menu
* @package templateSystem
* @copyright Copyright 2003-2006 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_menu.php 1.0 5/9/2009 Clyde Jones $
*/
?>

<dl>
<?php echo QUICKLINKS; ?>
<?php echo INFORMATION; ?>
<?php echo CUSTOMER_SERVICE; ?>
<?php if (EZPAGES_STATUS_FOOTER == '1' or (EZPAGES_STATUS_FOOTER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php echo Policies; ?>
<?php require($template->get_template_dir('tpl_ezpages_footer_menu.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_footer_menu.php'); ?>
<!--<?php echo IMPORTANT_END; ?>-->
<?php } ?>
</dl>


Please help me figure out how to remove the return,private,term of use from the middle of the page just like the picture is！ Thank you for your helping!

[clydejones]

Hello！clydejones，

I've installed this module on my website but i got a problem on my final step! you can visit my website at www.ShopEzone.com

as you can see on the footer like the picture i've attached.


Please help me figure out how to remove the return,private,term of use from the middle of the page just like the picture is！ Thank you for your helping!

You seem to have added the following somewhere (not sure which file) and it can safely be deleted

<div class="ezpagesFooterCol col1" style="width: 100%">
<ul>
  <li><a href="http://www.shopezone.com/page.html?id=18">RETURN POLICY</a></li>
  <li><a href="http://www.shopezone.com/privacy.html">PRIVATE POLICY</a></li>

  <li><a href="http://www.shopezone.com/term_of_use.html">TERM OF USE</a></li>
</ul>

[commdiver]

Is there any way I could reduce the colums to three and center them? I am testing a dummy site at "qu een ch arlotte soaps.com / test" (without the spaces and quotations). This screenshot what it looks like now. If I remove "<?php echo QUICKLINKS; ?>" (without the quotations) from tpl_footer_menu.php and the entire first column data from footer_menu_defines.php, I get what you see in this screenshot. I tried a few thing, but as you can imagine, they did not work.

Any help would be appreciated. Thank you!

[clydejones]

Is there any way I could reduce the colums to three and center them? I am testing a dummy site at "qu een ch arlotte soaps.com / test" (without the spaces and quotations). This screenshot what it looks like now. If I remove "<?php echo QUICKLINKS; ?>" (without the quotations) from tpl_footer_menu.php and the entire first column data from footer_menu_defines.php, I get what you see in this screenshot. I tried a few thing, but as you can imagine, they did not work.

Any help would be appreciated. Thank you!

read posts 376 - 380

[commdiver]

read posts 376 - 380

That helped, but I am trying to center the footer like in this Photoshoped screenshot. Messing around with the width number increases the space between the links.

Here is my footer CSS:

#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;}	
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/*dd li a:hover{background:#dfba69;color:#444;}*/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}

[clydejones]

That helped, but I am trying to center the footer like in this Photoshoped screenshot. Messing around with the width number increases the space between the links.

Here is my footer CSS:

#footer {clear:both;margin:0;background-color:#3E4147;margin-top:0px;padding-top:10px;-moz-border-radius-bottomleft: 15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
#footer a:hover{color:#EAC117;}
#navSuppWrapper {margin: 10px 5px 0;padding: 0;background:none;font-weight: bold;}	
#navSuppWrapper a{color:#fffede;font-weight:normal;font-size:1.2em;text-align:center;}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:160px;width:100%;}/*Adjust the height and width of the menu*/
dt {margin-bottom:.3em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/
dd ul {margin:0;padding:0;list-style: none;}
dd li {margin:0;padding:0;}
dd li a {margin:0;display:block;}
/*dd li a:hover{background:#dfba69;color:#444;}*/
.menuTitle {margin:0;padding-bottom:.8em;text-align:center;font-size:1.2em;color:#EAC117;}
.first, .second, .third {border-right:1px solid #fffedf;}
#siteinfoLegal {padding: .5em 0 0;font-size: 0.9em;text-align:left;width:100%;line-height:normal;clear:both;color:#FFFFFF;margin-left:20px;float:left;margin-top:-30px;}
#siteinfoLegal a {padding: 0 0.5em 0 0.5em;color: #FFFFFF;white-space: nowrap;}
#siteinfoLegal a:hover {color: #FFFFFF;}
.blog-image {margin-right:10px;}
.facebook-image {margin-right:10px;}
#social-media {float:right;margin-right:15px;margin-top:-30px;}
#bannerSix {margin-top:0px;margin-bottom:30px;}
#footer #siteinfoLegal {width: 80%;}
#navSuppWrapper ul {height:13em;}

Try changing this rule as indicated:

#navSuppWrapper {margin: 10px auto 0;padding: 0;background:none;font-weight: bold;}

[zfw88788301]

You seem to have added the following somewhere (not sure which file) and it can safely be deleted

<div class="ezpagesFooterCol col1" style="width: 100%">
<ul>
  <li><a href="http://www.shopezone.com/page.html?id=18">RETURN POLICY</a></li>
  <li><a href="http://www.shopezone.com/privacy.html">PRIVATE POLICY</a></li>

  <li><a href="http://www.shopezone.com/term_of_use.html">TERM OF USE</a></li>
</ul>

Hello！clyde，

Thank you for your help.I've fixed my last problem. But, I got a new problem with my CSS, as you can see my "New Products" page at "http://www.shopezone.com/products_new.html" The css is mess up.

Please help me fix this CSS problem! Thank you for your helps!

[clydejones]

Hello！clyde，

Thank you for your help.I've fixed my last problem. But, I got a new problem with my CSS, as you can see my "New Products" page at "http://www.shopezone.com/products_new.html" The css is mess up.

Please help me fix this CSS problem! Thank you for your helps!

Sorry, but this doesn't seem to be related to the footer menu.

I'd suggest you check with the template author about what may be causing the problem.

[zfw88788301]

Sorry, but this doesn't seem to be related to the footer menu.

I'd suggest you check with the template author about what may be causing the problem.

Hi! clyde,

After i delete the "stylesheet_footer_menu.css" from my website. The css work fine on the "new product page" please check!

And please modify my stylesheet_footer_menu.css to me! Thank you for help you!