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
Printable View
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 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
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
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:
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???
Clyde,
Thanks mile high cat.
Take time to check out your footer on the 2nd link of you Sig....
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;
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
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;
}
Thanks for your assistance clye, the footer now is consistent. Reason I asked to change the font family, is because I find the links a little hard to read(a bit too dark and narrow). I thought changing the font-family(since there was no bolding) would make a difference but it does not. I wanted so that its lighter and a little wider (makes it easy on the eyes). This is shown on this footer: http://www.cooltechcentral.com/. and in http://www1.macys.com/
by the way for the footer in cooltechcentral.com site is there an html code for the small greater then sign symbol before each link or is this only accomplished by an image?
-----
Regarding moving the links, I tried the following procedure to move the link titled "Links" into another table entry(similar to what I wanted to do with the Terms of Use)
---------- Steps followed to accomplish the above---------------
In includes/languages/comstock/english.php
wrote the following declaration: define('BOX_INFORMATION_LINKS', 'Links');
Then in includes/languages/english/extra_definitions/comstock/footer_menu_defines.php
wrote the following deceleration:
Define('LINKS','<li><a href="' . zen_href_link(FILENAME_LINKS) . '">' . BOX_INFORMATION_LINKS . '</a></li>');
uploaded both files and nothing changed. I am not a programmer but I followed similar procedure to your last post for the "Terms of Use" but this seems to be just a name change, and the DEFINE statements are all there. How can I do this with a brand New undefined Link?
Many Advanced thanks for all your help Clyde..
Try making these changes in the stylesheet_footer_menu.css
#navSuppWrapper {
border:1px solid #ccc;
margin: 0 auto;
padding: 0;
background:none;
font-weight: 400;
color: #666;
width: 1000px;
height: 116px;
font-family: verdana,arial,lucida,sans-serif;
}
li a:link {letter-spacing:.1em;color: #444;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}
li a:visited {letter-spacing:.1em;color: #444;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}
li a:hover {letter-spacing:.1em;color:#f27a00;background:none;text-decoration: underline;}
li a:active {letter-spacing:.1em;color: #444;font-size:9px;margin:0;padding-left:1em;padding-bottom:.3em;display:block;}
.menuTitle {margin:4px;padding-bottom:.3em;text-align:center;font-size:1.1em;font-weight:bold;}
Alright this is getting a little frustrating, so i just made it all Italic and that seems to make it easier to read the links. We'll just leave it like that for now.
I am still struggling with re-arranging the links. These are the steps I followed in attempt to move the link "Links" under the menu title "Important links" to underneath the menu title "Quick links".
---------- Steps followed to accomplish the above---------------
In includes/languages/comstock/english.php
wrote the following declaration: define('BOX_INFORMATION_LINKS', 'Links');
Then in includes/languages/english/extra_definitions/comstock/footer_menu_defines.php
wrote the following deceleration:
Define('LINKS','<li><a href="' . zen_href_link(FILENAME_LINKS) . '">' . BOX_INFORMATION_LINKS . '</a></li>');
What Am i doing Wrong?:frusty:
First of all that is an external link created using EZ-pages.
In order to move it to the quick links column you will need to make the define statement like this. The highlight is the id number for that particular ez-page which you will have to change
Define('LINKS', '<li><a href="' . zen_ez_pages_link(31) . '"> Links</a></li>');
You'll then need to add this to the following definition statement
Define('QUICKLINKS', '<dd class="first">
<ul>' . TITLE_ONE . HOME . FEATURED . SPECIALS . NEWPRODUCTS . ALLPRODUCTS . LINKS . '</ul></dd>');
Thanks for all your assistance Clyde. a little tweaking and this menu is an excellent contribution.:D
Clyde,
Thank you for this module. When I add this module, it removes all of the bullets of my site. I can see that the css has this in it.
ul {margin:0;padding:0;list-style: none;}
When I remove this part, it fixes the rest of my site, but messes up the footer. Is there a way to remove the bullets from the footer and not the rest of my site?
replace the includes/templates/YOUR_TEMPLATE/css/stylesheet_footer_menu.css
with the file from the following:
Attachment 6165
Thank you for your help. That worked great.:clap:
Hi Guys!
I'm looking for a bit of assistance before I pull my hair out. I installed the module and got it working but in the process I have messed up my header.
The site is http://www.growlightexpress.com. If you check it out you will see two green bars at the top and the links "on top of each other" instead of "next to" as it was before (and there was only one green bar before the install). I can only guess at something in the css but not really sure. My skills are weak!!!
Also is there a way to change the "on mouse over" for the links in the footer and header to not be orange but the background color? Again I can only assume something with the css file but don't know how to move form there!!!
Some other info: I merged my tpl_footer file with the given tpl_footer file since I had changes in mine...I might have missed something there...
ANY help is appreciated!!!
-Christopher
OK so I figured out the mouse over part! I just removed this line from the footer css -- li a:hover {background:#FFBD3B;} -- to get rid of that part. Someday I just might learn!!
Now does anyone know why my header is using the footer css? More importantly how to fix it to be a horizontal list instead of a vertical list?
THANKS!!
-Christopher
Thanks Clyde but it looks like its made things worse...can you take a look?
THANK YOU!!!
-Christopher
Hi Clyde,
First, I want to mention that your footer module is amazing. I've had clients mention to me that my site "finally looks complete" lol.
But, I have a question.
Is it possible to remove the "Important Links" column, and only use 3 out of the 4 columns instead? Also, I'd like to have it centered in the page as well.
I've been fiddling with the css for a while, but I'm not sure where to look for this.
Any help would be awesome.
Cheers,
Dave
indigodecorativeDOTcom
You should be able to turn the important links off by going to admin -> configuration -> EZ-Pages Settings -> EZ-Pages Display Status - FooterBar and set it to 0
If that doesn't work let me know.
for the centering open stylesheet_footer_menu.css
find the following and make the highlighted change.
dl {margin: 0 auto 3px 0;padding:0;clear:both;height:79px;width:100%;}/*Adjust the height and width of the menu*/
Hi clyde,
The EZ pages footer (setting to zero) worked. Adding the 'auto' to where you suggested didn't. It hasn't changed.
Awesome, thanks clyde.
Sorry to add more work to your pile :)
Maybe you can also direct me quickly. I use define_pages_2 as my "about us", and define_pages_3 as "fundraising initiative".
I'm not familiar with EZ pages, for some reason it doesn't like me, but I'm wondering how to get those define pages links into my footer.
Thanks for your help
Dave
Hi clyde,
Please disregard my last post asking about define pages and EZ pages. I figured it out.
I didn't realize the sort order had to be greater than zero. Works like a charm now lol.
Still having a minor issue with the centering of the footer though.
Posted via Mobile Device
If you don't use EZ Pages then you will have to edit includes/languages/english/extra_definitions/footer_menu_defines.php
and insert new definitions for them.
Using EZ Pages is not that difficult.
go to admin -> tools -> EZ Pages
click the "New File" button
Add a page title
Set everything except FOOTER to no (make sure you give it a sort order)
scroll down to
Internal Link URL:
add the link to your page - index.php?main_page=page_2
click the insert button
Do the same for your page_3 link.
make sure you have the ez pages footer status set to 1
and that's it.
Hi Clyde,
Yeah, I kind of figured that out before you posted, but I appreciate you doing so just the same.
I finally have a professional looking footer. (Happy Happy Joy Joy)
Thanks Clyde for this module. I think I'm going to take a few hours off and suck back a couple of pints lol. I'll have one for you too.
Cheers
Dave
Hi clyde,
Just wondering if you had a chance to look at the centering issue I'm having with the footer module?
Posted via Mobile Device
Hi Clyde,
Great mod, love it. It gives that finishing touch... that many websites (including mine) needed.
One question, in the footer_menu_defines.php file, how would you code in different links. I want to provide my customers with links to the different menu options in their account when they would be logged in. The links under the "My Account" and "Email Notifications".
Essentially I would like:
- My Account
- Check Order Status
- Update Address
- Manange Newsletters
- Product Notifications
I don't quite know PHP and I am still learning ZC, would you be able to provide those for me or maybe give me a starting point.
Thank you for your help and again... Great Mod!
Hi Clyde,
Thanks for the reply.
I am wandering if you could show me how to code those define statements in footer_menu_defines.php?
I'd like to make some custom links and lets just say its not working out too well.
Just some simple instructions would be really helpful. Thank you.
Hi Clyde,
In the case of the EZ Pages creating the links, I want 3 of the 4 columns to be based on EZ Pages.
Do I need to do anything to the footer_menu_defines.php file? I see that is set up for only 1 column of EZPages links.
Can you please advise, thanks for your help.
In that case, you're going to have to roll up your sleeves and work on the footer_menu_defines.php file.
each of the columns is defined in its own section.
I'll use column three for this example. All these links use Zen Cart pages.
You can change the define statements to your liking:PHP Code:
/*BOF Menu Column 3 link Definitions*/
Define('TITLE_THREE', '<li class="menuTitle">Customer Service</li>');
Define('CONTACT','<li><a href="' . zen_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a></li>');
Define('SHIPPING', '<li><a href="' . zen_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a></li>');
Define('PRIVACY', '<li><a href="' . zen_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a></li>');
Define('CONDITIONS','<li><a href="' . zen_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>');
Define('ACCOUNT', '<li><a href="' . zen_href_link(FILENAME_ACCOUNT, '', 'SSL') .'">' . HEADER_TITLE_MY_ACCOUNT . '</a></li>');
/*EOF Menu Column 3 link Definitions*/
change the constant If you wish.
Since I'm not sure whether you will be using internal or external links, I'll use external links.
Define('CONDITIONS','<li><a href=" http://your_link.com">this is my link</a></li>');
Now You'll need to make sure that you include any changes to the constants appear in the "footer menu defines
Define('CUSTOMER_SERVICE', '<dd class="third">
<ul>' . TITLE_THREE . CONTACT . SHIPPING . PRIVACY . CONDITIONS . ACCOUNT . '</ul></dd>');
Hi Clyde,
Thanks for the reply. I just finished making about 15 footer links via EZPages, all INTERNAL LINKS. Man that was easy, love Zen Cart!
How would I go about setting up footer_menu_defines.php to have columns 2,3,4 be EZ Pages INTERNAL links at about 5 links a column.
Again your help is very much appreciated.
Ok, Clyde, thanks for the great info. Doing as advised I constructed define statements for my internal links leaving column 4 alone.
I basically just reorganized column 1 and then made define statements for columns 2 and 3.
Can you take a look at my code and tell me if there is anything wrong with it (errors in logic or syntax). The following is my customized file:
I spaced the define statements out to make them easier to read
/*BOF Menu Column 1 link Definitions*/
Define('TITLE_ONE', '<li class="menuTitle">Company</li>'); //table heading
Define('ABOUT', '<li><a href="' . zen_href_link(FILENAME_ABOUT_US) . '">' . BOX_INFORMATION_ABOUT_US . '</a></li>');
Define('CONTACT','<li><a href="' . zen_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a></li>');
Define('CONDITIONS','<li><a href="' . zen_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>');
Define('PRIVACY', '<li><a href="' . zen_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a></li>');
Define('SITEMAP', '<li><a href="' . zen_href_link(FILENAME_SITE_MAP) . '">' . BOX_INFORMATION_SITE_MAP . '</a></li>');
/*EOF Menu Column 1 link Definitions*/
/*BOF Menu Column 2 link Definitions*/
Define('TITLE_TWO', '<li class="menuTitle">Account Information</li>'); //table heading possible error below
Define('LOGIN', '<li><a href="' . zen_href_link(FILENAME_LOGIN, '', 'SSL') .'">' . HEADER_TITLE_LOGIN . '</a></li>');
Define('ACCOUNT', '<li><a href="' . zen_href_link(FILENAME_ACCOUNT, '', 'SSL') .'">' . HEADER_TITLE_MY_ACCOUNT . '</a></li>');
Define('ADDRESSBOOK', '<li><a href="' . zen_href_link(FILENAME_ADDRESS_BOOK, '', 'SSL') .'">' . HEADER_TITLE_ADDRESS_BOOK . '</a></li>');
Define('ACCOUNTHISTORY', '<li><a href="' . zen_href_link(FILENAME_ACCOUNT_HISTORY, '', 'SSL') .'">' . HEADER_TITLE_ACCOUNT_HISTORY . '</a></li>');
Define('UNSUBSCRIBE', '<li><a href="' . zen_href_link(FILENAME_UNSUBSCRIBE) . '">' . BOX_INFORMATION_UNSUBSCRIBE . '</a></li>');
Define('ACCOUNTNOTIFICATIONS', '<li><a href="' . zen_href_link(FILENAME_ACCOUNT_NOTIFICATIONS, '', 'SSL') .'">' . HEADER_TITLE_ACCOUNT_NOTIFICATIONS . '</a></li>');
/*EOF Menu Column 2 link Definitions*/
/*BOF Menu Column 3 link Definitions*/
Define('TITLE_THREE', '<li class="menuTitle">Shopping Links</li>'); //table heading
Define('ADVANCEDSEARCH', '<li><a href="' . zen_href_link(FILENAME_ADVANCED_SEARCH) . '">' . BOX_INFORMATION_ADVANCED_SEARCH . '</a></li>');
Define('SHOPPINGCART', '<li><a href="' . zen_href_link(FILENAME_SHOPPING_CART, '', 'SSL') .'">' . HEADER_TITLE_SHOPPING_CART . '</a></li>');
Define('NEWPRODUCTS', '<li><a href="' . zen_href_link(FILENAME_PRODUCTS_NEW) . '">' . BOX_HEADING_WHATS_NEW . '</a></li>');
Define('SPECIALS', '<li><a href="' . zen_href_link(FILENAME_SPECIALS) . '">' . BOX_HEADING_SPECIALS . '</a></li>');
Define('FEATURED','<li><a href="' . zen_href_link(FILENAME_FEATURED_PRODUCTS) . '">' . TABLE_HEADING_FEATURED_PRODUCTS . '</a></li>');
Define('ALLPRODUCTS', '<li><a href="' . zen_href_link(FILENAME_PRODUCTS_ALL) . '">' .CATEGORIES_BOX_HEADING_PRODUCTS_ALL . '</a></li>');
/*EOF Menu Column 3 link Definitions*/
/*BOF Menu Column 4 link Definitions*/
Define('TITLE_FOUR', '<li class="menuTitle">Customer Support</li>');
/*The actual links are determined by "footer links" set in EZ-Pages
*EOF Menu Column 4 link Definitions
*/
/*BOF Footer Menu Definitions*/ //table headings definitions
Define('COMPANY', '<dd class="first">
<ul>' . TITLE_ONE . HOME . FEATURED . SPECIALS . NEWPRODUCTS . ALLPRODUCTS . '</ul></dd>');
Define('ACCOUNT_INFORMATION', '<dd class="second">
<ul>' . TITLE_TWO . ABOUT . SITEMAP . GVFAQ . COUPON . UNSUBSCRIBE . '</ul></dd>');
Define('SHOPPING_LINKS', '<dd class="third">
<ul>' . TITLE_THREE . CONTACT . SHIPPING . PRIVACY . CONDITIONS . ACCOUNT . '</ul></dd>');
Define('CUSTOMER_SUPPORT', '<dd><ul>' . TITLE_FOUR);
Define('CUSTOMER_SUPPORT_END', '</ul></dd>');
/*EOF Footer Menu Definitions*/
Also do I need to leave all of the EZPages that I created last night in order for this file to work or do I delete them or .... please advise.
Thanks for all your help!
If you're not going to use the ez-pages just turn the footer off
admin -> configuration -> ez pages settings -> EZ-Pages Display Status - FooterBar (set to 0)
You'll also need to change this section to match your updated column definitions.
/*BOF Footer Menu Definitions*/ //table headings definitions
Define('COMPANY', '<dd class="first">
<ul>' . TITLE_ONE . ABOUT . CONTACT . CONDITIONS . PRIVACY . SITEMAP . '</ul></dd>');
Define('ACCOUNT_INFORMATION', '<dd class="second">
<ul>' . TITLE_TWO . ABOUT . SITEMAP . GVFAQ . COUPON . UNSUBSCRIBE . '</ul></dd>');
Define('SHOPPING_LINKS', '<dd class="third">
<ul>' . TITLE_THREE . CONTACT . SHIPPING . PRIVACY . CONDITIONS . ACCOUNT . '</ul></dd>');
Define('CUSTOMER_SUPPORT', '<dd><ul>' . TITLE_FOUR);
Define('CUSTOMER_SUPPORT_END', '</ul></dd>');
/*EOF Footer Menu Definitions*/
Hi Clyde,
I was looking thru this thread and found this (Post 24):
Define('LINKS', '<li><a href="' . zen_ez_pages_link(31) . '"> Links</a></li>');
You'll then need to add this to the following definition statement
Define('QUICKLINKS', '<dd class="first">
<ul>' . TITLE_ONE . HOME . FEATURED . SPECIALS . NEWPRODUCTS . ALLPRODUCTS . LINKS . '</ul></dd>');
Is the above code what is necessary to add a link created via the EZPages in any one of the first 3 columns?
Hello,
Great contribution. I added and removed some things and it looks great in every browser but IE7 on. I am using one of the CSS Flyout Header contributions and I thought it might be causing problems, but I can't seem to figure it out. Can you take a look and let me know what you see? Basically it is sitting right on top of the copyright info. But again, it only happens in IE.
www.betweenthesheetsinc.com
Thanks,
Rick
Clyde, great contribution. I have been customizing it a bit and am trying to figure out the stylesheet. I want to add some custom styling to it and have been trying to figure out what controls what on the styleshee that you included.
Could you explain the dt dl dd and how to control the styling of the links please? Thank you
There are three types of lists that can be used in your (html)
unordered lists <ul> <li></li> </ul>
ordered lists <ol> <li></li> </ol>
definition lists <dl> <dd></dd> </dl>
Footer menu uses a combination of a definition list and unordered list for the menu display.
the <dl> </dl> tags make up the area (height and width) where the actual menu elements are displayed.
The <dd> </dd> tags control the width of each column within the menu display.
The actual links are contained within <ul> <li> </li> </ul> tags
So to style the links check the stylesheet for:
li a:link
li a:visited
li a:hover
li a:active
to style the menu titles check the stylesheet for:
.menuTitle
Thanks for the mod. In my footer menu all the information are displayed in one column not in 4. All Columns have their headings.
What can I change? Thanks.
Ok. Here it is http://www.semaphoreit.com.au/shop/
Thanks
yes you are right. I reinstalled all the stylesheet but still not fixed then I tried this on a different site and it worked.
Thank you for your help.
The footer menu positions correctly in FF3 but not IE8. Can someone tell me how to fix my issue?
progroom dot com/shop
Kaddie
I downloaded the fix, but it made a mess of things. However, I did look over the fix and edited my original css page and now I'm okay with the looks of the menu in IE and FF.
Thanks for your help Clyde. I appreciate your time.
Have a great day,
Kaddie
Hi Clyde:
I am wandering if there is a way to incorporate this into the links for footer_menu_defines.php? I modified my footer_menu_defines.php to be all EZPages (per post 24 code) and am trying to figure out the correct code for this.
I am trying to consolidate my policies into just one page and would like to give the ability for my customers to simply click on a link at the top of my 'policy' page and be able to go to the particular policy content that they are looking for.
Thank you.
When I added the footer_menu_defines.php to the site, my screen goes blank. I have checked for extra spaces at the end of the code, but there are none.
Any ideas?
Not at all. Just attempting to install a new module.
It looks like this:
<?php
/**
* Footer Menu Definitions
*
* @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 V3.0
* @version $Id: footer_menu_deines.php 1.0 5/9/2009 Clyde Jones $
*/
/*BOF Menu Column 1 link Definitions*/
Define('TITLE_ONE', '<li class="menuTitle">Quick Links</li>');
Define('HOME', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20HTTP_SERVER%20.%20DIR_WS_CATALOG%20.%20'">' . HEADER_TITLE_CATALOG . '</a></li>');
Define('FEATURED','<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_FEATURED_PRODUCTS)%20.%20'">' . TABLE_HEADING_FEATURED_PRODUCTS . '</a></li>');
Define('SPECIALS', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_SPECIALS)%20.%20'">' . BOX_HEADING_SPECIALS . '</a></li>');
Define('NEWPRODUCTS', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_PRODUCTS_NEW)%20.%20'">' . BOX_HEADING_WHATS_NEW . '</a></li>');
Define('ALLPRODUCTS', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_PRODUCTS_ALL)%20.%20'">' .CATEGORIES_BOX_HEADING_PRODUCTS_ALL . '</a></li>');
/*EOF Menu Column 1 link Definitions*/
/*OF Menu Column 2 link Definitions*/
Define('TITLE_TWO', '<li class="menuTitle">Information</li>');
Define('ABOUT', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_ABOUT_US)%20.%20'">' . BOX_INFORMATION_ABOUT_US . '</a></li>');
Define('SITEMAP', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_SITE_MAP)%20.%20'">' . BOX_INFORMATION_SITE_MAP . '</a></li>');
Define('GVFAQ', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_GV_FAQ)%20.%20'">' . BOX_INFORMATION_GV . '</a></li>');
Define('COUPON', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_DISCOUNT_COUPON)%20.%20'">' . BOX_INFORMATION_DISCOUNT_COUPONS . '</a></li>');
Define('UNSUBSCRIBE', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_UNSUBSCRIBE)%20.%20'">' . BOX_INFORMATION_UNSUBSCRIBE . '</a></li>');
/*EOF Menu Column 2 link Definitions*/
/*BOF Menu Column 3 link Definitions*/
Define('TITLE_THREE', '<li class="menuTitle">Customer Service</li>');
Define('CONTACT','<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_CONTACT_US)%20.%20'">' . BOX_INFORMATION_CONTACT . '</a></li>');
Define('SHIPPING', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_SHIPPING)%20.%20'">' . BOX_INFORMATION_SHIPPING . '</a></li>');
Define('PRIVACY', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_PRIVACY)%20.%20'">' . BOX_INFORMATION_PRIVACY . '</a></li>');
Define('CONDITIONS','<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_CONDITIONS)%20.%20'">' . BOX_INFORMATION_CONDITIONS . '</a></li>');
Define('ACCOUNT', '<li><a href="../../../../../../../../../Desktop/footer_menu_v1-0/includes/languages/english/extra_definitions/YOUR_TEMPLATE/'%20.%20zen_href_link(FILENAME_ACCOUNT,%20'',%20'SSL')%20.'">' . HEADER_TITLE_MY_ACCOUNT . '</a></li>');
/*EOF Menu Column 3 link Definitions*/
/*BOF Menu Column 4 link Definitions*/
Define('TITLE_FOUR', '<li class="menuTitle">Important Links</li>');
/*The actual links are determined by "footer links" set in EZ-Pages
*EOF Menu Column 4 link Definitions
*/
/*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*/
//EOF
It appears that the file is corrupted; either when you uploaded it or when you unziped the package.
try uploading a clean copy of the file.
Hi Clyde:
I would like to make the 4th column a NON-EZPAGE column. What do I need to do? Thanks in advance.
BTW - If anyone wants to know how I did it just PM me. I do not think it is right of me to post what I did because this is not my mod.
Hi Clyde,
I am trying to apply the html name attribute for links in the footer_menu_defines file with no success :(
In an effort to cut down on non-product pages, I have combined all of my policies to the 2 pages that comes standard with ZC, conditions and privacy. For instance, I placed my returns policy on the same page as my TOS. I need to provide a link that takes the customer to the returns section on the conditions page.
I have tried this:
Define('RETURNS', '<li><a href="'http://www.mydomain.com/index.php?main_page=conditions#returns'");
but it just gets commented out when you add '//' or '#' in the url.
and this:
Define('CONDITIONS','<li><a href="' . zen_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS#returns . '</a></li>');
but again the '#' just comments it all out.
Is there another way of doing it that works? Any help is greatly appreciated.
I haven't tired this but maybe you can use something similiar to the way includes/languages/english/gv_faq.php is set up.
I believe that you'll need to set up the case statements on your conditions page.
Then do the define statements in includes/languages/english/extra_definitions/YOUR_TEMPLATE/footer_menu_defines.php
something like this:
Define('CONDITIONS','<li><a href="' . zen_href_link(FILENAME_CONDITIONS,'faq_item=1','NONSSL') . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>');
Define('RETURNS','<li><a href="' . zen_href_link(FILENAME_CONDITIONS,'faq_item=2','NONSSL') . '">' . BOX_INFORMATION_CONDITIONS . '</a></li>');
great module. got it working in ff and chrome. but in ie there is a blank white box at the bottom of the page (under the siteinfolegal link). it appears only in ie. tried everything to get rid of it. any ideas?
thanks
the perils of testing on a wamp server. people can't see what you've moofed up.:lamo:
i was hoping someone may have experienced it before. i believe (probably incorrectly) it has something to do with the tpl_footer. i can post the code and the stylesheet i am using.
stylesheet_footerCode:<?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) {
?>
<!--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 id="footer">
<br class="clearBoth"/>
<!--bof-footer images display -->
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">
<a href="/index.php?main_page=index&manufacturers_id=7"><img src="images/logo_d.jpg" alt="d" /></a></td>
<td align="center" valign="middle"><a href="/index.php?main_page=index&manufacturers_id=12"><img src="images/logo_k.jpg" alt="k" /></a></td>
<td align="center" valign="middle">
<a href="/index.php?main_page=index&manufacturers_id=3"><img src="images/logo_s.gif" alt="s" /></a></td>
<td align="center" valign="middle"><img src="images/u.jpg" alt="u" /></td>
<td align="center" valign="middle"><a href="/index.php?main_page=index&manufacturers_id=1">
<img src="images/logo_r.gif" alt="r" /></a></td>
<td align="center" valign="middle"><a href="/index.php?main_page=index&manufacturers_id=17"><img src="images/logo_m.gif" alt="m" /></a></td>
<td align="center" valign="middle"><a href="/index.php?main_page=index&manufacturers_id=6"><img src="images/logo_h.gif" alt="h" width="145" height="48" /></a></td>
</tr>
</table>
<!--eof-footer images display -->
<br class="clearBoth"/>
</div>
<!--eof-navigation display -->
<!--closing divs for drop shadow -->
</td></tr></table></div></div></div></div></div></div></div></div></div>
<!--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 -->
<!--bof- site copyright display -->
<div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY; ?></div>
<!--eof- site copyright display -->
<!--bof- Google analytics -->
<!--eof- Google analytics-->
<?php
} // flag_disable_footer
?>
</div>
thanksCode:#footer {clear:both;margin:0;}
#navSuppWrapper dl {margin: 0 auto 3px 0;padding:0;clear:both;height:auto;width:auto;}/*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 li {margin:0;padding:0;}
.menuTitle {margin:0;padding-bottom:.3em;text-align:center;font-size:1.1em;font-weight:bold;list-style: none;}
.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;}
hi clyde,
thanks for the reply. unfortunately removing the ga code had no effect on the mysterious white box. :frusty:
thanks.
when i view source on the blank white box it just says
thanksQuote:
1 | <HTML></HTML>
ff validator
blank, white mystery box still there...:blink:Quote:
This document was successfully checked as XHTML 1.0 Transitional!
Result: Passed
much ado about nothing....
well it appears that the mysterious blank white box is specifically related to the wamp server as after upload it magically disappeared.
thanks for the assist and the great module!
:cheers:
Please refer to following post