Thanks Clyde, obviously no merging necessary.
Printable View
Yes, the address block needed merging - all fixed though :smile:
Installed this mod in a cold_steel template. Footer looks fine.
When viewing some of the EZ-pages the TOC listing now shows CURRENT_PAGE_INDICATOR respectively NOT_CURRENT_PAGE_INDICATOR on a separate line with the corresponding link.
Example here.
I have played with #navEZPagesTOC in stylesheet.css to fix this but to no avail.
Any ideas please?
Thanks
After commenting out this line
li a {margin:0;padding-left:2em;display:block;}
in stylesheet_footer_menu.css the TOC displays perfectly. However, it messes up the footer menu (understandable...). This makes me think that there may be some conflict btw the 2 stylesheets.
Adjusted the width of the TOC box in some variants to no avail.
The TOC displayed perfectly before installing the footer menu
Many of the rules in the footer menu stylesheet are so generic that they apply to the entire site, and can mess up completely unrelated elements.
ul {margin:0;padding:0;list-style: none;}
li {margin:0;padding:0; }
li a {color:663300;margin:0;padding-left:2em;display:block;}
li a:hover {background:#f6e2dd;}
should be more like
#navSuppWrapper ul {margin:0;padding:0;list-style: none;}
#navSuppWrapper li {margin:0;padding:0; }
#navSuppWrapper li a {color:663300;margin:0;padding-left:2em;display:block;}
#navSuppWrapper li a:hover {background:#f6e2dd;}
Ok - in the standard Cold Steel stylesheet.css I added
display:inline;
to
#navEZPagesTOC ul li
and to
#navEZPagesTOC ul li a
That fixed the line issue without affecting the footer menu.
Then in #navEZPagesTOC ul changed
line-height: 0.5em;
to
line-height: 1.5em;
All good now - thanks Clyde.
I guess Glenn's advice in post #306 should be incorporated into the stylesheet_footer_menu.css for future releases.
My stylesheet_footer_menu.css now reads in the appropriate places:
#navSuppWrapper ul {
margin:0;padding:0;list-style: none;
}
#navSuppWrapper li {
margin:0;padding:0;
}
#navSuppWrapper li a {
margin:0;
padding-left:2em;
display:block;
}
#navSuppWrapper li a:hover {
background:#FFBD3B;
}
Thanks again folks - great help.
Hello! The concept looks awesome. I have installed your Footer Menu in the basic template that comes with Z C.
Two things:
1. I do get the footer Menu section, but the links are all in ONE long column.
2. This is my ignorance... but... How do I customize the LINKS?
I actually want this Cart to be able to link back to my main site and I thought it would be cool to have the Footer Links relate to pages on my main site.
How can I fix the One Column problem
and
How can I change the Links?
Thank you.
:cool:
Make sure you have installed ALL of the following files:
includes/languages/english/extra_definitions/YOUR_TEMPLATE/footer_menu_defines.php
includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css
includes/templates/YOUR_TEMPLATE/common/tpl_footer_menu.php
includes/templates/YOUR_TEMPLATE/templates/tpl_ezpages_footer_menu.php
Make sure you rename the YOUR_TEMPLATE folder(s) to match the name of the template you are using.
you can change the links by editing footer_menu_defines.php
For those experiencing problems with the footer menu css, you can replace the current stylesheet with the one contained in the attached zip file.
This fix will be included in the next update of the mod.
Attachment 8460
Hi Clyde,
I put the new css in the css folder as instructed, but there is still no column action.
Other thoughts?
Thanks for your efforts on this by the way. It is really worth while... and I am sure it will work! Just a few adjustments.
I will check to be sure I have all your files in the correct places, but I think I have done that already.
Yes, I have triple check. They are all there in the right places and I have put in the new css file.
No change.
Here you go.
http://ashtonwines.com/shop/
Actually, I can clearly see the css file on my hosting server. Here it is copied from the .../shop/includes/templates/my-custom-name/css/stylesheet_footer_menu.css directory
:(
===================
#footer {
margin: 0 auto;
text-align: left;
background: url(../images/footer_bg.gif);
width: 960px;
height:112px;
clear:both;
}
#navSuppWrapper {
margin: 10px 5px 10px;
padding: 0;
background:none;
color: #444;
width:100%;
}
#navSuppWrapper dl {margin: 0 0 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:0 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;}
Something is preventing the stylesheet from rendering
there is a 403 forbidden error being generated.
I am not getting a 403 error. just the footer menu not taking the styling. but no error is showing up.
YEAH!!! THANK YOU CLYDE.
I was able to simply change the Permissions and Viola! Here we go!
Great. I didn't have to call my hosting service.
:clap:
It looks MUCH better!
BTW, is there a reason why your css came into my css file with 600 permissions? Just so I can watch out for this in the future.
Again thank you for your patience with a new zenman.
Cheers,
For some reason I just can not change the background of the column holding the EZ pages. Where there are not EZ pages, the color of the background does not fill.
http://www.stitchboutiqueboston.com
TIA Tom
one reason might be that you are overriding the background color in the following declaration:
delete the background:none; declaration
#navSuppWrapper {
/* border:1px solid #ccc; */
margin: 1px 0px 0;
padding: 0;
background-color:#f6e2dd;
background:none;
font-weight: #500;
color: #f6e2dd;
width: 923px;
height: 150px;
font-family: verdana,arial,lucida,sans-serif;
}
Set the background-color for #navSuppWrapper {} instead of dd {}, and adjust the height and margins as desired to get the bottom edge of the bg color where you want it.
You can also set the width of dd{} to 24.91% to make it fill the space exactly (you might need to make it 24.9% to fit in all browsers).
You weren't online when I started to answer, Clyde, so I thought I'd give a quick reply... didn't look at the actual stylesheet, though - Firebug can be misleading:)
Hi there - I have a questions - I've added a new item called "RETURNS" under the Customer Service footer column - however it doesn't show up after adding it. I don't receive any errors, I can add it to the left side Information box and the link works correctly. Is there something defining only 5 items??
Here is my code:
/*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('RETURNS', '<li><a href="' . zen_href_link(FILENAME_RETURNS, '', 'SSL') .'">' . BOX_INFORMATION_RETURNS . '</a></li>');/*EOF Menu Column 3 link Definitions*/
You also need to add the definition to the last section
/*BOF Footer Menu Definitions*/
Define('QUICKLINKS', '<dd class="first">
<ul>' . TITLE_ONE . HOME . FEATURED . SPECIALS . NEWPRODUCTS . 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 . RETURNS . '</ul></dd>');
Define('IMPORTANT', '<dd><ul>' . TITLE_FOUR);
Define('IMPORTANT_END', '</ul></dd>');
/*EOF Footer Menu Definitions*/
Thank you so much - I've been trying to find the solution for three days now. Jeff
Hi there - I got the Returns item to show up with the information that you helped me with - but instead of showing the word Returns under Customer Serice it displays: BOX_INFORMATION_RETURNS I must be missing a define some place.
Here is my website:www.vintagecollectionsonline.com
Thanks for any help, Jeff
make sure you have uploaded ALL of the following folders/files
includes/extra_datafiles/returns_filenames.php
includes/languages/english/extra_definitions/YOUR_TEMPLATE/returns_defines.php
includes/languages/english/YOUR_TEMPLATE/returns.php
includes/languages/english/html_includes/define_returns.php
includes/languages/english/html_includes/YOUR_TEMPLATE/define_returns.php
includes/modules/pages/returns
includes/templates/YOUR_TEMPLATE/templates/tpl_returns_default.php
includes/templates/YOUR_TEMPLATE/css/returns.css
Hi there,
Yeah I've checked all those and they are as you stated. Funny thing is the left side Information Box - has the Returns in it and it works fine which goes to the returns screen.
Can I show you any code of mine?
Thanks for being so responsive. Jeff
Yes it worked!! Thank you so much!:clap:
Excellent add-on. Thank you!
I do have one question, however. How can I remove the legal and "Powered by Zen Cart" from the footer? When I change the background color in the footer CSS file, I want the legal and "Powered by Zen Cart" to stay the color of the main page's background color.
I am currently working on a dummy site. It is queencharlottesoaps.com/test. I normally keep it password protected, but I removed that for you.
to change background color of the footer open includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css
find the following declaration and change the highlighted section as indicated.
#footer {
margin: 0 auto;
text-align: left;
background-color: #DCDCDC;
width: 960px;
height:112px;
clear:both;
}
That also changes the background color of legal and "Powered by Zen Cart" stuff. I want to keep that stuff at #DCDCDC and change the rest of the footer to another color. Is there any way to do that?
Thank you!
open stylesheet_footer_menu.css
find the following add a background color where indicated
#siteinfoLegal {
margin:0 auto;
padding: .5em 0 0;
font-size: 0.9em;
text-align:center;
width:100%;
line-height:normal;
background:#fff;
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;}
That worked. Thank you very much!
Clyde, sorry to bug you again, but I would appreciate it if you could please answer two questions for me:
1. How can I remove the space circled in red in this screenshot?
2. Is there any way to make the lines circled in red in this screenshot independent of amount of links next to them? As you can see, the more links that are to the left of the lines, the longer they are. I want to make all of the lines one size, regardless of how many links are to the left of them.
I am testing a dummy site at "queen charlotte soaps .com /test" (without the quotations and spaces).
Clyde, just to get back about the earlier post, that area I circled in red was able to be removed by removing the patting from margin-bottom from #footer in the stylesheet_footer_menu.css file. I just figured I would mention that to help anyone else who may want to change that.
You can hard-code the list height by adding to your stylesheet_footer_menu
#navSuppWrapper ul {height:10.0em;}
This will need to be adjusted to fit the number of links in the tallest column.
I have finally figured out my footer and thought I had it perfect but it's not lol. http://www.frompropertorocker.com
It looks great (at least on my end) in Firefox and IE. Chrome it looks horrible. lol
How do I fix it so it shows up better in Chrome without it making it look horrible in the other two?
Thanks in advance!
You might want to put the following inside a div as indicated; style the div as follows:
.social {
clear:both;
width:100%;
}
<div class="social">
<span id="social-media">
<a href="http://www.twitter.com/From_Proper"><img src="includes/templates/alysa_rounded/images/twitter.png" class="twitter-image" alt="twitter link" /></a>
<a href="http://www.facebook.com/fromproper"><img src="includes/templates/alysa_rounded/images/facebook.png" class="facebook-image" alt="facebook link" /></a>
</span>
<span id="paypal-logo">
<a href="https://www.paypal.com/us/verified/pal=frompropertorocker%40gmail.com"><img src="includes/templates/alysa_rounded/images/paypal.gif" class="paypal-image" alt="paypal link" /></a>
</span>
</div>
Yep I did make modifications in the tpl_footer. I added the code to the stylesheet_footer_menu and I am lost now. I can't even get them to where they were before.
Oh I added it to my test site here http://frompropertorocker.com/fptr_t...php?main_page=
This does not go in the stylesheet_footer_menu.css but in tpl_footer_menu.php
This goes in the stylesheet_footer_menu.cssCode:<div class="social">
<span id="social-media">
<a href="http://www.twitter.com/From_Proper"><img src="includes/templates/alysa_rounded/images/twitter.png" class="twitter-image" alt="twitter link" /></a>
<a href="http://www.facebook.com/fromproper"><img src="includes/templates/alysa_rounded/images/facebook.png" class="facebook-image" alt="facebook link" /></a>
</span>
<span id="paypal-logo">
<a href="https://www.paypal.com/us/verified/pal=frompropertorocker%40gmail.com"><img src="includes/templates/alysa_rounded/images/paypal.gif" class="paypal-image" alt="paypal link" /></a>
</span>
</div>
.social {
clear:both;
width:100%;
Clyde,
I'm working on a site for a customer and trying to get this footer menu working. I'm using the "classic" template and have uploaded the files several times double checking myself to make sure I've done it right. I'm not even seeing the footer menu at all and I'm getting no error messages either. Any ideas why it isn't showing up or anything else I can try?
sent you a pm. thanks.
Make sure you've uploaded the following files:
make sure you change the YOUR_TEMPLATE folder(s) to match the name of the template you are using (classic)
includes/languages/english/extra_definitions/YOUR_TEMPLATE/footer_menu_defines.php
includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css
includes/templates/YOUR_TEMPLATE/common/tpl_footer_menu.php
includes/templates/YOUR_TEMPLATE/templates/tpl_ezpages_footer_menu.php
I went ahead and double checked it all again and everything is loaded in the correct folders. It's still not working. Any other thoughts?
Checked that and it is set to 1. Seems like something is conflicting with the footer menu but I don't know what it is.
YEEEEESSSSSSSSSSS!!!!!!!!!!!!!!!!!!!!!!! That fixed it!!! Thank you so much! Now explain to me why that works? I would have never thought to do that! What does the Navsupport do?
Actually might have figured out why it works myself. I noticed when I opened the css file that you're calling for the navsupport there but the original stylesheet was overriding it. Thanks!
I added the News module into my store. And I want to add the link "best4future news' into Menu Column 4. How can I do that?
the site is: www.best4future.com
How can I make the footer in 3 sections instead of the 4 it has now? Would like the important links section off.
first: admin -> configuration -> ez pages settings -> EZ-Pages Display Status - FooterBar (set to 0)
second: open includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css
find the following and adjust the width as necesary
#navSuppWrapper dd {margin:0;padding:0;float:left;width:24.3%;}/*Column width of the menu - currently set for 4 columns*/
Hi Clyde,
Pretty much read through the whole topic and couldn't find what I was after.
I'm not using the EZpages for links but am using it for the heading, hence having it switched on. How can I add an image below the heading 'Accepted Payments'.
www.gadgetaccessorystore.co.uk
Many thanks in advance.
Hi Clyde,
This is the content of the file you mentioned:
Thanks for the help, much appreciated.
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_SERVER . DIR_WS_CATALOG . '">' . HEADER_TITLE_CATALOG . '</a></li>');
Define('FEATURED','<li><a href="' . zen_href_link(FILENAME_FEATURED_PRODUCTS) . '">' . TABLE_HEADING_FEATURED_PRODUCTS . '</a></li>');
Define('NEWPRODUCTS', '<li><a href="' . zen_href_link(FILENAME_PRODUCTS_NEW) . '">' . BOX_HEADING_WHATS_NEW . '</a></li>');
Define('ALLPRODUCTS', '<li><a href="' . zen_href_link(FILENAME_PRODUCTS_ALL) . '">' .CATEGORIES_BOX_HEADING_PRODUCTS_ALL . '</a></li>');
Define('ACCOUNT', '<li><a href="' . zen_href_link(FILENAME_ACCOUNT, '', 'SSL') .'">' . HEADER_TITLE_MY_ACCOUNT . '</a></li>');
/*EOF Menu Column 1 link Definitions*/
/*BOF 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('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('SITEMAP', '<li><a href="' . zen_href_link(FILENAME_SITE_MAP) . '">' . BOX_INFORMATION_SITE_MAP . '</a></li>');
/*EOF Menu Column 2 link Definitions*/
/*BOF Menu Column 3 link Definitions*/
Define('TITLE_THREE', '<li class="menuTitle">Customer Service</li>');
Define('ACCOUNT', '<li><a href="' . zen_href_link(FILENAME_ACCOUNT, '', 'SSL') .'">' . HEADER_TITLE_MY_ACCOUNT . '</a></li>');
Define('CONTACT','<li><a href="' . zen_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a></li>');
Define('UNSUBSCRIBE', '<li><a href="' . zen_href_link(FILENAME_UNSUBSCRIBE) . '">' . BOX_INFORMATION_UNSUBSCRIBE . '</a></li>');
/*EOF Menu Column 3 link Definitions*/
/*BOF Menu Column 4 link Definitions*/
Define('TITLE_FOUR', '<li class="menuTitle">Accepted Payments</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 . FEATURED . NEWPRODUCTS . ALLPRODUCTS . ACCOUNT . '</ul></dd>');
Define('INFORMATION', '<dd class="second">
<ul>' . TITLE_TWO . ABOUT . SHIPPING . PRIVACY . CONDITIONS . SITEMAP . '</ul></dd>');
Define('CUSTOMER_SERVICE', '<dd class="third">
<ul>' . TITLE_THREE . ACCOUNT . CONTACT . UNSUBSCRIBE . '</ul></dd>');
Define('IMPORTANT', '<dd><ul>' . TITLE_FOUR);
Define('IMPORTANT_END', '</ul></dd>');
/*EOF Footer Menu Definitions*/
define('TWITTER', 'http://www.twitter.com/G_A_Store');
define('FACEBOOK','http://www.facebook.com/');
//EOF
You can add your image by defining it as follows:
/*BOF Menu Column 4 link Definitions*/
Define('TITLE_FOUR', '<li class="menuTitle">Accepted Payments</li>');
<li>add the image information here</li>
/*The actual links are determined by "footer links" set in EZ-Pages
*EOF Menu Column 4 link Definitions
*/
I tried it and all I get is a white page.
Code:/*BOF Menu Column 4 link Definitions*/
Define('TITLE_FOUR', '<li class="menuTitle">Accepted Payments</li>');
<li><img src='/images/payments/visa.jpg'></li>
/*The actual links are determined by "footer links" set in EZ-Pages
*EOF Menu Column 4 link Definitions
*/
Try this
/*BOF Menu Column 4 link Definitions*/
Define('TITLE_FOUR', '<li class="menuTitle">Accepted Payments</li>');
define('PAYMENTS', '<li><img src='/images/payments/visa.jpg'></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 . FEATURED . NEWPRODUCTS . ALLPRODUCTS . ACCOUNT . '</ul></dd>');
Define('INFORMATION', '<dd class="second">
<ul>' . TITLE_TWO . ABOUT . SHIPPING . PRIVACY . CONDITIONS . SITEMAP . '</ul></dd>');
Define('CUSTOMER_SERVICE', '<dd class="third">
<ul>' . TITLE_THREE . ACCOUNT . CONTACT . UNSUBSCRIBE . '</ul></dd>');
Define('IMPORTANT', '<dd><ul>' . TITLE_FOUR . PAYMENTS);
Hello!clydejones,:smile:
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!
You seem to have added the following somewhere (not sure which file) and it can safely be deleted
Code:<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>
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!
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!
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!
You can make the following changes to the stylesheet_footer_menu.css
#navSuppWrapper dl {margin: 0 0 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;}