Footer Menu replaces the default tpl_footer.php to give you a 4 column link menu.

Should be available in the downloads section shortly

Attachment #5732

Help Clyde, Just added your footer menu mod and my navigation top is falling apart. few it here https://www.fashionfavourites.com. Sorry I got an emergency and i must leave so i removed the files, but i'll add them back later so you can see the problem

hardwiredtemplates:

Help Clyde, Just added your footer menu mod and my navigation top is falling apart. few it here https://www.fashionfavourites.com. Sorry I got an emergency and i must leave so i removed the files, but i'll add them back later so you can see the problem

Ok files are back on there, I started adding them 1 by 1 to narrow the problem to a specific file. Turns out that as soon as I upload this file stylesheet_footer_menu.css the navCattabs menu breaks. I've attached an image of the effects when this file is uploaded. Any ideas.

Thankx

hardwiredtemplates:

Ok files are back on there, I started adding them 1 by 1 to narrow the problem to a specific file. Turns out that as soon as I upload this file stylesheet_footer_menu.css the navCattabs menu breaks. I've attached an image of the effects when this file is uploaded. Any ideas.

Thankx

Did you upload the stylesheet_footer_menu.css

clydejones:

Did you upload the stylesheet_footer_menu.css

I removed it for now because once it's added it effects the navCattabs as shown in the attachment. That's the only file missing. I'll add it right now. https://www.fashionfavourites.com

hardwiredtemplates:

I removed it for now because once it's added it effects the navCattabs as shown in the attachment. That's the only file missing. I'll add it right now. https://www.fashionfavourites.com

Ok i managed to narrow the problem down to the highlighted line in this code

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

Once this line is commented out, my navCatTabs is normal, however you can see the spacing in the footer menu is eliminated and everything seems squeezed in the footer(no padding). Any ideas where I can start this, do I just need to re-write this line and if this is the fix how can I re-write it so it does not effect navCatTabs.

Many thanks

hardwiredtemplates:

Ok i managed to narrow the problem down to the highlighted line in this code

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

Once this line is commented out, my navCatTabs is normal, however you can see the spacing in the footer menu is eliminated and everything seems squeezed in the footer(no padding). Any ideas where I can start this, do I just need to re-write this line and if this is the fix how can I re-write it so it does not effect navCatTabs.

Many thanks

three things should help

Open includes/templates/YOUR_TEMPLATE/css/stylesheet.css

find and comment out this entire section

/#navSuppWrapper {
margin: 0 auto;
background: transparent;
font-weight: bold;
color: #000;
height: 26px;
width: 1000px;
}
#navSupp ul {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0.5em 0em;
list-style-type: none;
text-align: center;
line-height: 1.5em;
}
#navSupp ul li {
display: inline;
white-space: nowrap;
}
#navSupp ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #000;
}
#navSupp ul li a:hover {
color: #000;
}/

Find and add the highlighted portion

#navCatTabs ul li a {
display: inline;
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #000;
}

open stylesheet_footer_menu.css

find and uncomment the following

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

Thanks Clyde the above changes work. I tried putting the footer in a top and bottom boarder, however the IMPORTANT LINKS section is longer then the rest and the bottom boarder does not contain it. What can I do to contain it in the boarder. Also once the site is veiwed in IE6 the IMPORTANT LINKS section is double spaced making it twice as long (although it is contained within the top and bottom boarder).

I think the second issue might be related to the first issue(but only you experts would know that):wink:

https://www.fashionfavourites.com

hardwiredtemplates:

Thanks Clyde the above changes work. I tried putting the footer in a top and bottom boarder, however the IMPORTANT LINKS section is longer then the rest and the bottom boarder does not contain it. What can I do to contain it in the boarder. Also once the site is veiwed in IE6 the IMPORTANT LINKS section is double spaced making it twice as long (although it is contained within the top and bottom boarder).

I think the second issue might be related to the first issue(but only you experts would know that):wink:

https://www.fashionfavourites.com

Simple solution: remove the duplicated links from the IMPORTANT LINKS section (ie Gift certificate faq and discount coupons)

open includes/templates/YOUR_TEMPLATE/css stylesheet_footer_menu.css

find the following section and add the highlighted portion

li a {margin:0;padding-left:2em;display:block;line-height:normal;}

@Clyde
I don't see this little jewel of a mod in the downloads yet???

haredo:

@Clyde
I don't see this little jewel of a mod in the downloads yet???

Its been submitted, still waiting for approval. however you can get it from the second link in my sig.

Clyde,
Thanks mile high cat.

Take time to check out your footer on the 2nd link of you Sig....

haredo:

Clyde,
Thanks mile high cat

Glad to help

I want to re-arrange the links(i.e put contact us under quick links). What file would I need to edit, I've searching the root directory and not sure which files to modify to achieve this. Also If I want to add a little arrow beside the the menu title as in the attachment, how would I go about that.

finally I tried changing the color and text size of the links (from black to gray). I've temporarily changed every occurrences of #000 in (stylesheet_footer_menu.css) yet unable to change the color.

please view it https://www.fashionfavourites.com

@haredo this mod is available on Clyde's demo site here:http://mysticmountainnaturals.com/demotest/ (Sorry I do not know how to make it into an anchor link)

hardwiredtemplates:

I want to re-arrange the links(i.e put contact us under quick links). What file would I need to edit, I've searching the root directory and not sure which files to modify to achieve this. Also If I want to add a little arrow beside the the menu title as in the attachment, how would I go about that.

finally I tried changing the color and text size of the links (from black to gray). I've temporarily changed every occurrences of #000 in (stylesheet_footer_menu.css) yet unable to change the color.

please view it https://www.fashionfavourites.com

@haredo this mod is available on Clyde's demo site here:http://mysticmountainnaturals.com/demotest/ (Sorry I do not know how to make it into an anchor link)

Thought I'd included the following in the install_footer_menu.txt file
Edit: \includes\languages\english\extra_definitions\YOUR_TEMPLATES\footer_menu_defines.php to change the link information for your menu.

for the color open includes/templates/YOUR_TEMPLATEcss/stylesheet_footer_menu.css

find the following section and make the highlighted change

li a:link {color: #666;margin:0;padding-left:2em;display:block;line-height:normal;}

to add the arrow open \includes\languages\english\extra_definitions\YOUR_TEMPLATES\footer_menu_defines.php

find each of the define statements for the title and add the highlighted portion

Define('TITLE_ONE', '<li class="menuTitle">Quick Links ►</li>');
The arrow is defined with the following w/o spaces & # 9958;

Alright we are almost there, I've added this line:
li a:link {color: #666;font-size:11px;margin:0;padding-left:0.8em;display:block;line-height:normal;}

Strange thing happens to the color and the left padding is lost. Only some links are gray the others are black:dontgetit

And I been trying to make the links narrow with a little white space around them so they are more legible. Maybe i just need to change the font family i don't know.

I want to make it similar to this footer: http://www1.macys.com/

hardwiredtemplates:

Alright we are almost there, I've added this line:
li a:link {color: #666;font-size:11px;margin:0;padding-left:0.8em;display:block;line-height:normal;}

Strange thing happens to the color and the left padding is lost. Only some links are gray the others are black:dontgetit

And I been trying to make the links narrow with a little white space around them so they are more legible. Maybe i just need to change the font family i don't know.

I want to make it similar to this footer: http://www1.macys.com/

Here are some changes that might help
open the stylesheet_footer_menu.css

make the highlighted changes in the folllowing declarations

#navSuppWrapper {
border:1px solid #ccc;
margin: 0 auto;
padding: 0;
background:none;
font-weight: bold;
color: #666;
width: 1000px;
height: 116px;

}	

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:18.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:link {color: #666;font-size:11px;margin:0;padding-left:1em;padding-bottom:.4em;display:block;}

Wow talk about good timing that this link turned up in my search results (surprisingly on an unrelated topic..).. My new client wanted something just like this, and now I don't have to figure out a way to do it..

Clyde I must give you a public thank you for your many AWESOME add-ons.. (Just configured the testimonials manager, and I am TRE stoked!!!) Your Order Steps (Tableless) & Return Authorization add-ons are a standard part of all my Zen Cart installs.. Looks like you've added another awseome add-on for me to add to my arsenal! You totally ROCK!!!

Ok some strange things are happening and I've attempted to fix this many times, and many methods. none seem to help.

1. The color of the footer links is inconsistent (some are black some are gray)
2. The left padding disappeared for only the black links (Seems these links are not effected by the code at all). I am pasting my stylesheet_footer_menu.css file below for reference.
3. If I wanted to move the link "Terms of Use" under the title "Important links" to the "Quick Links" how could i do it?
4. I would also love to change the font style of the links but Can't seem to get it regardless of what I do to the file:frusty:

Finally when I change this line from this:
li a:link {color: #666;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}
To this:
li a {color: #666;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}

Few things happen:
1.The footer links colors and padding are all the same (all black)
2.regardless of the color value (#666) it's always black:huh:

===========================================
#footer {clear:both;margin:0;margin-top:-8px;}
#navSuppWrapper {
border:1px solid #ccc;
margin: 0 auto;
padding: 0;
background:none;
font-weight: bold;
color: #666;
width: 1000px;
height: 116px;

}	

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:20em;font-weight:bold;}
dd {margin:0;padding:0;float:left;width:22.3%;}/Column width of the menu - currently set for 4 columns/
ul {margin:0;padding:0;list-style: none;}
li a:link {color: #666;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}
li a:hover {color:#FFBD3B;text-decoration: underline;}
.menuTitle {margin:4px;padding-bottom:.3em;text-align:center;font-size:1.1em;}
.first, .second, .third {border-right:1px dotted #ccc;height:116px;}
#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;}

This is a little frustrating, but maybe simple for you therefore my apologies for being a bit of a newbie

Many, many, many Thanks Clyde

hardwiredtemplates:

Ok some strange things are happening and I've attempted to fix this many times, and many methods. none seem to help.

1. The color of the footer links is inconsistent (some are black some are gray)
2. The left padding disappeared for only the black links (Seems these links are not effected by the code at all). I am pasting my stylesheet_footer_menu.css file below for reference.
3. If I wanted to move the link "Terms of Use" under the title "Important links" to the "Quick Links" how could i do it?
4. I would also love to change the font style of the links but Can't seem to get it regardless of what I do to the file:frusty:

Finally when I change this line from this:
li a:link {color: #666;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}
To this:
li a {color: #666;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}

Few things happen:
1.The footer links colors and padding are all the same (all black)
2.regardless of the color value (#666) it's always black:huh:

1. The color of the footer links is inconsistent (some are black some are gray)
2. The left padding disappeared for only the black links (Seems these links are not effected by the code at all). I am pasting my stylesheet_footer_menu.css file below for reference.

open stylesheet_footer_menu.css and make the highlighted changes. This should make things consistent.

li a:link {color: #666;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}
li a:visited {color: #666;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}
li a:hover {color: #666;background:#FFBD3B;text-decoration: underline;}
li a:active {color: #666;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}

3. If I wanted to move the link "Terms of Use" under the title "Important links" to the "Quick Links" how could i do it?

First: open includes/languages/comstock/english.php
find the following declaration and make the highlighted change
define('BOX_INFORMATION_CONDITIONS', 'Terms of Use');
Save the file and upload to your server

Second: open includes/languages/english/extra_definitions/comstock/footer_menu_defines.php

find the following define statement
Define('CONDITIONS','<li><a href="' . zen_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>');
AND move it to the bottom of this section as shown by the highlight

/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('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('ALLPRODUCTS', '<li><a href="' . zen_href_link(FILENAME_PRODUCTS_ALL) . '">' .CATEGORIES_BOX_HEADING_PRODUCTS_ALL . '</a></li>');
Define('CONDITIONS','<li><a href="' . zen_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>');
/EOF Menu Column 1 link Definitions/

Save the file and upload to your server

*4. I would also love to change the font style of the links but Can't seem to get it regardless of what I do to the file:frusty:
*

I'm guessing you want to change the "font family" by default the font-family is set with the following "Geneva, Arial, Helvetica, sans-serif"

To change that you will have to decide which font(s) you want to use for the links and then set them as follows:
open the stylesheet_footer_menu.css and make the highlighted changes in the following declaration: Please note the fonts listed are only for demo purposes; You will need to select your own fonts.

#navSuppWrapper {
border:1px solid #ccc;
margin: 0 auto;
padding: 0;
background:none;
font-weight: bold;
color: #666;
width: 1000px;
height: 116px;
font-family: "Times New Roman", Times, serif;
}