Forums / All Other Contributions/Addons / Footer Menu Support Thread

Footer Menu Support Thread

Results 1 to 20 of 535
14 May 2009, 03:59
#1
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Posts:
7,017
Plugin Contributions:
12

Footer Menu Support Thread

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
30 May 2009, 00:13
#2
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: Footer Menu Support Thread

Help Clyde, Just added your footer menu mod and my navigation top is falling apart. few it here 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
30 May 2009, 01:42
#3
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: Footer Menu Support Thread

hardwiredtemplates:

Help Clyde, Just added your footer menu mod and my navigation top is falling apart. few it here 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
30 May 2009, 02:45
#4
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Posts:
7,017
Plugin Contributions:
12

Re: Footer Menu Support Thread

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
30 May 2009, 02:59
#5
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: Footer Menu Support Thread

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. www.fashionfavourites.com
30 May 2009, 03:48
#6
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: Footer Menu Support Thread

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. 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
30 May 2009, 06:51
#7
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Posts:
7,017
Plugin Contributions:
12

Re: Footer Menu Support Thread

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;}
30 May 2009, 11:44
#8
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: Footer Menu Support Thread

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:

www.fashionfavourites.com
30 May 2009, 16:16
#9
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Posts:
7,017
Plugin Contributions:
12

Re: Footer Menu Support Thread

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:

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;}
30 May 2009, 16:19
#10
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Posts:
6,171
Plugin Contributions:
0

Re: Footer Menu Support Thread

@Clyde
I don't see this little jewel of a mod in the downloads yet???
30 May 2009, 16:34
#11
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Posts:
7,017
Plugin Contributions:
12

Re: Footer Menu Support Thread

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.
30 May 2009, 16:52
#12
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Posts:
6,171
Plugin Contributions:
0

Re: Footer Menu Support Thread

Clyde,
Thanks mile high cat.

Take time to check out your footer on the 2nd link of you Sig....
30 May 2009, 16:54
#13
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Posts:
7,017
Plugin Contributions:
12

Re: Footer Menu Support Thread

haredo:

Clyde,
Thanks mile high cat


Glad to help
30 May 2009, 21:13
#14
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: Footer Menu Support Thread

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)
30 May 2009, 23:17
#15
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Posts:
7,017
Plugin Contributions:
12

Re: Footer Menu Support Thread

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)


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;
31 May 2009, 03:54
#16
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: Footer Menu Support Thread

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/
31 May 2009, 06:15
#17
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Posts:
7,017
Plugin Contributions:
12

Re: Footer Menu Support Thread

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;}
31 May 2009, 17:05
#18
divavocals avatar

divavocals

Totally Zenned

Join Date:
Jan 2007
Posts:
10,011
Plugin Contributions:
1

Re: Footer Menu Support Thread

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!!!
31 May 2009, 17:14
#19
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: Footer Menu Support Thread

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
31 May 2009, 18:06
#20
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Posts:
7,017
Plugin Contributions:
12

Re: Footer Menu Support Thread

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