Footer Menu Support Thread

gee38l:

Thanks for the replay i have finally got it to show but it looks like this:

    * Products
    * UNDER_SINK_SYSTEMS
    * COUNTERTOP_SYSTEMS
    * REPLACEMENT_FILTERS

Also how do it get them all to be on the same line with the dotted lines?

Have to sound like one of my old grade school teachers:

go back and check your work

/*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*/

clydejones:

Have to sound like one of my old grade school teachers:

go back and check your work

lol sorry i figured it out thanks.

Just trying to style the thing evenly with the same width and height can you please assist?

gee38l:

lol sorry i figured it out thanks.

Just trying to style the thing evenly with the same width and height can you please assist?

style using the stylesheet_footer_menu.css

#navSuppWrapper dd {margin:0;padding:0;float:left;width:24.3%;}/Column width of the menu - currently set for 4 columns/

clydejones:

style using the stylesheet_footer_menu.css

#navSuppWrapper dd {margin:0;padding:0;float:left;width:24.3%;}/Column width of the menu - currently set for 4 columns/

Thanks I managed to get the five columns to show on the same line but cant get them to align evenly
Posted via Mobile Device

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:(

Green333:

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:

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:

#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;}I can only see one incidence of '#navSuppWrapper {'

or am I meant to add the code? if so - where?

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;}Many thanks again

Green333:

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 {'

or am I meant to add the code? if so - where?

Many thanks again

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?

Green333:

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:

#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:)

Green333:

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?

Muzz:

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?

first make sure you have uploaded the following file from the about us mod.

includes/languages/english/extra_definitions/YOUR_TEMPLATE/about_us.php

Yup thats there.

Code in it:

Muzz:

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 :(