Clyde,
Do you mind if I share with how I modified your mod?
Printable View
Hi,
I have a question regarding the footer menu. Is it possible to make it dynamically show the sub-category links? In other words, how can I display all brand names at the footer menu without hard coding? Thanks in advance.
The footer menu was designed to provide "page" links not product/manufacture links.
If you want to show subcategory/brand names you'll need to re-write the mod so that it can make database queries to the appropriate tables in order to pull that information.
Hi, I am having some problem with About Us link in Footer Menu. I have attached the screenshot. Can anyone please help me to make this work?
http://www.aboutahmedabad.com/images/footermenu.JPG
I can't get the About Us link to work. It shows BOX_Information_About_us and points towards /index.php?main_page=FILENAME_ABOUT_US&zenid=ag4kbpvp6avf2vofaoj9vj2g87
I have modified the footer menu to my needs but this one is causing much problems for me.
Please some one help.
Thank you.
Downloading and installing the About Us Page contribution (from the downloads section) should take care of the problem.
Hi clydejones,
Thank you verymuch for your timely help. You saved my life.
Thank you once again.
Thirdangle
Does anyone have an idea of how I would place the following code in the footer_menu_defines.php to work properly?
Define('BOOKMARK','<li><a href="javascript:bookmarksite('Kremer Publications', 'http://www.kremerpublications.com')">Bookmark this site!</a></li>');
It is for bookmarking the site.
Thank you.
Yes...
It is in the tpl_header.php:
HTML Code:<script type="text/javascript">
/***********************************************
* Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
/* Modified to support Opera */
function bookmarksite(title,url){
if (window.sidebar) // firefox
window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all)// ie
window.external.AddFavorite(url, title);
}
</script>
Its in the wrong place then.
It should be in the <head> </head> section of the site.
The easiest way to accomplish that is to
create a new php document (jscript_bookmark.php) copy the script into that file. save it. and then upload to your server
includes/templates/YOUR_TEMPLATE/jscript/jscript_bookmark.php
I have made that change.
Hi,
Need some help getting the styling right with this great mod!
Just looking to get the whole thing centered correctly, I believe its a bit off (to the left).
Here is the css, I have made changes to it (changes marked by comments) - trying to get the styling right!
Thanks for all help.Code:#footer {
clear:both;
margin:5em 0em 0em 0em; /*0*/
text-align: center; /*added code*/
}
/*
#navSuppWrapper {
margin: 10px 5px 0;
padding: 0;
background:none;
font-weight: bold;none
}
*/
dl { /*Adjust the height and width of the menu*/
/*margin:5px 160px 3px 160px;/*0 0 3px 0*/
margin:5px auto 3px auto;/*added*/
padding:0 auto;/*0*/
clear:both;
height:125px;/*79px */
width:75%;/*100%*/
color: #005599; /*added code*/
background-color: #d7d7d7;/*added eeeeee*/
border:0px solid #000;/*added*/
vertical-align:middle;/*added*/
}
dt {
margin-bottom:.3em;
/*font-weight:bold;*/
}
dd { /*Column width of the menu - currently set for 4 columns*/
margin:0 25px;/*0*/
padding:0 auto;/*0*/
float:left;
width:18%;/*24.3%*/
color: #005599; /*added code*/
}
ul {
margin:0;
padding:0;
list-style: none;
}
li {
margin:0;
padding:0;
}
li a {
margin:0;
padding-left:3.5em;
display:block;
/*text-decoration:underline;/*added*/
}
li a:hover {
color: #005599;
/*text-decoration:underline;/*added*/
}
.menuTitle {
margin:0;
padding-top:0.5em;/*added*/
padding-bottom:0.5em; /*.3*/
padding-left:2.5em;/*added 0.8em*/
text-align:left;/*center*/
font-size:1.3em; /*1.2em*/
font-weight: bold;/*added*/
color: #000000;/*added ff6600*/
/*border:1px solid #000;/*added*/
}
.first, .second, .third , .four{
/*border:1px dotted #000;/*added*/
vertical-align:middle;/*added*/
margin-left:2em;/*added*/
/*border-right:1px dotted #000;*/
}
#siteinfoLegal {
margin: 0 auto;
padding: .5em 0 0;
font-size: 1.2em; /*0.9em*/
text-align:center;
width:100%;
line-height:normal;
clear:both;
}
#siteinfoLegal a {
padding: 0 0.5em 1.5em 0.5em;/*0 0.5em 1.5em 0.5em*/
color: #000059; /*000*/
text-decoration: underline; /*added code*/
font-weight:normal; /*bold*/
white-space: nowrap;
}
#siteinfoLegal a:hover {
color: #005599; /*000
background: #EAC27C;*/
}
Clyde,
Sorry, forgot this one important piece of info!
Here you go, http://www.a u t o m o t i v e a c e.com
I have to replace my ssl, so you may get a warning about that - working on it!
Thanks for your help
A adding the footer menu (which looks awesome) it aligned my sidebox text to the center. I've removed the files 4 now & my sidebox content is no longer centered. Thus we know the source of the issue.
Has anyone ever resolved this?
Thank you for the mod, I'm looking forward to using it, however the links display in one long line (www.moon stag.co.uk).
I saw a previous post which says the stylesheets were corrupted and to upload again. I've done that but still getting the same, is there anything I can do please?
make sure you've uploaded ALL the files necessary for this mod to function correctly.
includes/languages/english/extra_definitions/YOUR_TEMPLATE/footer_menu_defines.php
includes/languages/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css
includes/languages/templates/YOUR_TEMPLATE/common/tpl_footer_menu.php
includes/languages/templates/YOUR_TEMPLATE/templates/tpl_ezpages_footer_menu.php
Thank you for your reply!
The file structure I've downloaded from here twice now is different to your answer, it is:
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
Would this be why it is wrong?
Thank you Clyde I appreciate you taking the time to answer. I'll have a look again tomorrow. :smile:
I'd just like to add that I tried the fix from post no. 27 and it worked!
Thank you :smile:
great addon, but having a little problem, in IE the copyright & store name runs in the menus...please help with this
URL: www.dealport.us
open includes/templates/YOUR_TEMPLATE/common/tpl_footer.php
find the following lines of code and add the highlighted portion:
<!--bof- site copyright display -->
<div class="clearBoth"> </div>
<div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY; ?></div>
Thanks Clyde, that worked, so now I would want to know two things. How do I center the site copyright info in the footer? I also want to create a border and change background.in the footer.
Posted via Mobile Device
open includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css
find the following and add the highlighted portions
dl {margin: 0 0 3px 0;padding:0 0 30px;border:1px solid #000;clear:both;height:79px;width:100%;}/*Adjust the height and width of the menu*/
#siteinfoLegal {
margin:0 auto;
padding: .5em 0 0;
font-size: 0.9em;
text-align:left;
width:100%;
line-height:normal;
clear:both;
text-align:center;
}
Ok, i did the new adjustments and it caused the menu fonts to go crazy, some smaller, some bigger. In IE the copyright gone in the middle of the menu.
URL: www.dealport.us
I read previous post and fixed it. Thanks for this mod.
Posted via Mobile Device
Can someone please tell me how to fix the footer menu.
When I installed it, it made the sideboxes and the nav bar at the top all go out of "whack".
I hope someone can help me ASAP please.
Kind Regards
try to install this
and get error
QUICKLINKSINFORMATIONCUSTOMER_SERVICEIMPORTANT
http://www.king-magic.com/
make sure you've uploaded ALL 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
still have this problem
QUICKLINKSINFORMATIONCUSTOMER_SERVICEIMPORTANTIMPORTANT_END
Did you re-name the folders named "YOUR_TEMPLATE" to match the name of the folder for the template you are using?? Your problem is indicative of missing language files, and if you did not make this change, it would explain the issue you are having..
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.
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
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.
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:
footer menu style sheetPHP 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>
Thank-youPHP Code:
#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;}
Kind regards
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
1st: open includes/templates/YOUR_TEMPLATE/css/stylesheet
find the following declaration:
and replace it with this:Code:#navMainWrapper, #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.cssCode:#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%;
}
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)
http://www.integritylabels.com.au/st...er-problem.jpg
Please help... it's ever since added this module...
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
sure, open includes/templates/YOUR_TEMPLATE/common/tpl_footer.php
find the following:
and replace with this:Code:<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 -->
<!--bof- site copyright display -->
<div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY; ?></div>
<!--eof- site copyright display -->
Code:<div id="footer">
<!--bof- site copyright display -->
<div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY; ?></div>
<!--eof- site copyright display -->
<!--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 -->
Thanks heaps Clyde
Your a legend :clap:
Kind Regards
I've created a contact information title, but I'm unable to get it to display aligned as if it were a link. :frusty:www.etondiffusion.fr/librairie
Any suggestions would be greatly appreciated!!
Thank you.
Thank you for the info, that worked perfectly:clap:
I've got one more question. How do I create a slightly bigger spacing between the Menu Titles and the links. I find the links are to close to the botttom of the Menu Titles
Check it out
Thank you for your reply, but I didn't mean spacing out the links. What I want to do was have a little larger spacing between the actual menu title e.g. 'Quick Links' and the links themselves. Like maybe 5px. Is that possible? I've tried playing with the style sheet but can't seem to get any result. Any advice would be greatly appreciated
Posted via Mobile Device
Fantastic Mod exactly what i was looking for....
Just one question is it possible to add another column with the title "Products" and link to 5 or 6 of my main product categories?
Just say i want to add a category currently i have simple seo installed so my links look like this:Code:Define('CONTACT','<li><a href="' . zen_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a></li>');
/under-sink-systems-c-11
How would i add this to the footer menu?
So if my url was http://www.truwater.com.au/under-sink-systems-c-11
I would i change that to suit the footer menu
Sorry i am still trying to learn php
I just added that code to the file just after the column 1 code but cant seem to get it to show what am i doing wrong?Code:/*OF Menu Column 2 link Definitions*/
Define('TITLE_FIVE', '<li class="menuTitle">Products</li>');
Define('CONTACT','<li><a href="http://www.truwater.com.au/under-sink-systems-c-11">UNDER_SINK_SYSTEMS</a></li>');
Define('CONTACT','<li><a href="http://www.truwater.com.au/countertop-systems-c-10">COUNTERTOP_SYSTEMS</a></li>');
Define('CONTACT','<li><a href="http://www.truwater.com.au/replacement-filters-media-c-15">REPLACEMENT_FILTERS</a></li>');
/*EOF Menu Column 2 link Definitions*/
Because you need to define the actual menu:
/*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 . '</ul></dd>');
Define('IMPORTANT', '<dd><ul>' . TITLE_FOUR);
Define('IMPORTANT_END', '</ul></dd>');
/*EOF Footer Menu Definitions*/
This is what i have at the moment:
AndCode:/*OF Menu Column 5 link Definitions*/
Define('TITLE_FIVE', '<li class="menuTitle">Products</li>');
Define('UNDER','<li><a href="http://www.truwater.com.au/under-sink-systems-c-11">UNDER_SINK_SYSTEMS</a></li>');
Define('COUNTER','<li><a href="http://www.truwater.com.au/countertop-systems-c-10">COUNTERTOP_SYSTEMS</a></li>');
Define('REPLACEMENT','<li><a href="http://www.truwater.com.au/replacement-filters-media-c-15">REPLACEMENT_FILTERS</a></li>');
/*EOF Menu Column 5 link Definitions*/
Still doesnt work am i doing something wrong?Code:/*BOF Footer Menu Definitions*/
Define('QUICKLINKS', '<dd class="first">
<ul>' . TITLE_ONE . HOME . FEATURED . SPECIALS . NEWPRODUCTS . ALLPRODUCTS . '</ul></dd>');
Define('PRODUCTS', '<dd class="fifth">
<ul>' . TITLE_FIVE . UNDER . COUNTER . REPLACEMENT . '</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('IMPORTANT', '<dd><ul>' . TITLE_FOUR);
Define('IMPORTANT_END', '</ul></dd>');
/*EOF Footer Menu Definitions*/
Make sure it is being displayed in:
includes/templates/YOUR_TEMPLATE/common/tpl_footer_menu.php
Have to sound like one of my old grade school teachers:
go back and check your work
Code:/*OF Menu Column 5 link Definitions*/
Define('TITLE_FIVE', '<li class="menuTitle">Products</li>');
Define('UNDER','<li><a href="http://www.truwater.com.au/under-sink-systems-c-11">UNDER_SINK_SYSTEMS</a></li>');
Define('COUNTER','<li><a href="http://www.truwater.com.au/countertop-systems-c-10">COUNTERTOP_SYSTEMS</a></li>');
Define('REPLACEMENT','<li><a href="http://www.truwater.com.au/replacement-filters-media-c-15">REPLACEMENT_FILTERS</a></li>');
/*EOF Menu Column 5 link Definitions*/
Hi Clyde,
looking forward to installing this great looking mod; thank you so much for making it available :smile:
Probably a basic question, but how do I go about adding images (eg/ paypal, geotrust, credit card) to display under your footer menu?
I imagine it would be the tpl_footer.php file? If so - could you please direct me as to how to add the code (eg/ image_1, and image_2) & where in the file to insert it?
Thank you so much - your mod will really improve my site:hug:
There any number of threads dealing with adding images to the footer and/or header throughout the fourm.
Do a search for "Footer Image"
Hi Clyde
I am so so sorry to be a pest (please don't hate me)- been looking for a couple of days on how to position the image in a footer - and just getting confused.
So I assume it's just a matter of placing the link in the script (say above the copyright info?)
eg/ <center>
<img src="includes/templates/mytheme/images/cards.gif" alt="" height="26" width="162"></center>
I tried this via the firefox webdeveloper toolkit & didn't see a change - so not sure if it's the right code? or position?
Also - having installed your lovely mod - and it worked (yay-something went right this week)...but my link text is a light orange, but is visible upon hovering over the link, as the hover colour is much darker. Again, please don't hate me - I have a M/Template - so not sure if the text colour & 'hover' colour can be amended via the footer css?
Again - I'm so sorry for my awful questions - my brain is quite soggy at the moment - and a looming migraine isn't helping:(
open includes/templates/YOUR_TEMPLATE/common/tpl_footer.php
find the following:
<!--bof- site copyright display -->
<div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY; ?></div>
<!--eof- site copyright display -->
You should be able to place your code either above or below this section of code.
open includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css
you can change the color of the links and hover by modifying this section.
#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;}
Thank you so much for leading me in the right direction. My image works!
With the font colour change - sorry - but what do you mean by 'modify this section'.
This is my current css:
I can only see one incidence of '#navSuppWrapper {'Quote:
#footer {clear:both;margin:0;}
#navSuppWrapper {
margin: 10px 5px 0;
padding: 0;
background:none;
font-weight: bold;
color: #000;
}
dl {margin: 0 0 3px 0;padding:0;clear:both;height:79px;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*/
ul {margin:0;padding:0;list-style: none;}
li {margin:0;padding:0;}
li a {margin:0;padding-left:2em;display:block;}
li a:hover {background:#FFBD3B;}
.menuTitle {margin:0;padding-bottom:.3em;text-align:center;font-size:1.1em;}
.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;}
or am I meant to add the code? if so - where?
Many thanks againQuote:
open includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css
you can change the color of the links and hover by modifying this section.
#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;}
open includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css
you can change the color of the links and hover by modifying this section.
#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;}
Hi again (o patient one!)
Ok - so maybe I'm having a really blond day, but my includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css is as per my previous post, and I don't appear to have the section that you have described. (and I'm pretty sure that it matches the one that I downloaded as part of the mod)
(Clearly I'm looking at something really really wrongly:no:)
sorry - could you just have a look at my file again?
This is the stylesheet for the footer menu:
Code:#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;}
Thank you for the code! that has fixed the font colour - and I didn't have to modify it at all. (still not sure why the file I downloaded differed?)
However - the columns have now enlarged (height & length) thus pushing the footer menu off the page (my site is www . p a r t y k i t n k a b o o d l e.com.au)
Could you please have a look?
Thanks (promise I won't bother you after this :smile:)
Change the highlighted portions to fit your template.
#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;}
YAY!! :clap: it worked!! Thank you so much for taking time to helping me today, you are truly a champion!:D
Hi There,
I installed the Footer Mod which is exactly what I was after. SO thanks for a great mod.
I one issue with it.
IN the Information heading I have:
BOX_INFORMATION_ABOUT_US
This link originally didn't work.
I applied the about us module and also made the recommended edit to the:
includes/templates/YOUR_TEMPLATE/common/tpl_drop_menu.php
This fixed the link but didn't fix the text as it still shows:
BOX_INFORMATION_ABOUT_US
If I do a search in Developers toolkit it's found in:
includes/languages/english/extra_definitions/yodgee_template/footer_menu_defines.php
Line #22 : Define('ABOUT', '<li><a href="' . zen_href_link(FILENAME_ABOUT_US) . '">' . BOX_INFORMATION_ABOUT_US . '</a></li>');
and
includes/modules/sideboxes/yodgee_template/information.php
Define('ABOUT', '<li><a href="' . zen_href_link(FILENAME_ABOUT_US) . '">' . BOX_INFORMATION_ABOUT_US . '</a></li>');
What would I need to edit to resolve this issue?
Yup thats there.
Code in it:
<?php
/**
* @package languageDefines
* @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: about_us.php v1.3 $
*/
// this is used to display the text link in the "information" or other sidebox
define('BOX_INFORMATION_ABOUT_US', 'About Us');
?>
You can try the following:
open includes/languages/english/extra_definitions/footer_menu_defines.php
just above the following line of code you can add the about us define statement.
define('BOX_INFORMATION_ABOUT_US', 'About Us');
/*BOF Menu Column 1 link Definitions*/
Hi Clyde Jones,
I tried adding the line of code as suggested:
Define('BOX_INFORMATION_ABOUT_US', 'About Us');
where suggested in the file but no luck.
I also assumed you meant inside my template folder.
includes/languages/english/extra_definitions/MY_TEMPLATE/footer_menu_defines.php
Unfortunately, no go :(