Footer Menu Support Thread

[clydejones]

@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.

[haredo]

Clyde,
Thanks mile high cat.

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

[clydejones]

Clyde,
Thanks mile high cat

Glad to help

[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 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)

[clydejones]

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 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&nbsp;►</li>');
The arrow is defined with the following w/o spaces & # 9958;

[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

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/

[clydejones]

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

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

[DivaVocals]

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!!!

[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

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

===========================================
#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

[clydejones]

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

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

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


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