Ezpages Footer Columns support

This mod allows you to organize the ez-pages footer links into columns.

* You can choose in admin how many columns to have (up to 9).
* You can define a heading for each column (it may be an image if desired).
* You can set in admin the display order of links in each column.
* You can define one or more subheadings in each column.
* You can define a comment to go below each link.
* You can highlight the link for the current page, if any.
* You can style columns individually if desired.
* The default Home link in the footer is disabled; you can include a home link as an ez-page internal link.
* Menu display content is all compatible with multiple languages (even though stock ez-page contents are not).

The zip will be attached here until it is available in Free Addons.

Ezpages Footer Columns is now available in Free Addons.

Hi,

Read me file says "You can choose in admin how many columns to have (up to 9)."

But I dont see the option in admin to select the number of columns in Admin>Configuration>EZ Pages Settings.

Can you also post a screenshot of how the links look say in 3-4 columns or even more columns?

Thanks.
Dhaval

PS. - here is where I tried to install http://beautysupplyweb.com

If you will read the rest of the readme, you will see the directions:

Application

The number of columns and location of each link in the columns is determined by the footer sort order set in Tools > EZ-Pages > edit page.
The first digit of the sort order determines which column the link will be in; there will be as many columns as there are different first digits.
The links in each column will be displayed in the sort order set here. Set the sort orders like 110, 120, 210, 220, etc.

I don't have a public demo site; I'll work on getting a screenshot posted until someone can link to a live site using EFC.

You have only two links in your footer, so there will be no more than two columns. Add more links and experiment with the sort order numbering.

Hi,

I installed (tried to) this mod. FTPed files etc. Nothing is showing up in the admin panel to give me the impression that it has worked. Any help?

http://www.testmulberry.com

There will be no changes in the admin appearance. You need to set the relevant ez-pages' footer sort orders as described in the readme.

You will get no footer columns until you have set ez-pages to appear in the footer.

Here is a screenshot of footer columns on my local test site, showing headings, a subheading, a current page link and a note for the new link to Home.
The second is an example of making a titled column "double-wide" using only stylesheet tweaks.

I will leave these up until there are good live examples to see.

I have worked through a few issues that I had with this addon on this thread here:

http://www.zen-cart.com/forum/showthread.php?t=174090

thanks

I am pleased with how my footer has turned out, however for a more clean and tight feel of the page from top to bottom, I would like to integrate or at least mesh the copyright line into the footer. If you look at it, it still seems like it is out of place or awkwardly sitting below the footer.

At the very least I guess I could just find where on the .css that white space is coming from.


Site is testmulberry.com

Thanks in advance.

It seems I have gotten it to appear more 'integrated', by changing 'float: left;' to 'float: center;'.

Any other way of doing this?

There is no such thing as float: center; - that is an invalid declaration. You can only float left, right or none.

There are several things contributing to the space between the footer links and the copyright line.
One is the ul height - if all columns will have the same number of links, there is no need for it at all:
.ezpagesFooterCol ul {
border-left: 1px solid #000000;
float: left;
height: 3.2em;
margin: 0.3em;
padding: 0;
width: 95%;
}

The other biggest one is the padding on #navSuppWrapper:

stylesheet.css (line 351)
#navSuppWrapper {
border-top: 1px solid #262B31;
margin: 25px 0 0;
padding: 8px 0 12px;
}

Change 12px to 0.

Hey Guys,

Can anyone help me with the column widths within this mod ? I would like to make the colours slightly wider.

Cheers.

EDIT...

No problem just figured it out. For anyone else trying to achieve this just adjust

Code:

---

.ezpagesFooterCol ul {float: right; margin: 2em; padding: 0; border-left: 1px dotted #66bbcc; width: 95%;}

---

Hey Again lol

Can anyone help me with adjusting the individual column widths within this mod ?

Cheers.

Each column has a classname based on the first digit of its links' sort orders, like .col1, .col2, etc.
Style them like this to override the width set in the code:

#navSupp .col2 {width: 123px !important;}
#navSupp .col3 {width: 22% !important;}

A little help....
I just put everything in the correct places under my template name and my footer has completely disappeared. Can anyone give me a suggestion as to how I might fix this?

I do have my ez page footer links numbered in such a manner:
Column 1 - 101, 102, 103 etc.
Column 2 - 201,203,204 etc.

And the EZ page setting for the footer is set on 1

website: www.lovelemonslife.com

Thank you in advance!

My guess would be that a file ended up in the wrong place, or is corrupt. Your page output cuts off at <div id="navSupp">, which indicates a PHP error in the footer nav files.
Look in /cache/ in your site root for the latest myDebug file, and paste it here so we can see what it thinks is the problem.

Thanks gjh42 lol it was in the readme after looking over it again !! I should really learn to read those lol

Here is the error?

[23-Feb-2011 17:15:37] PHP Fatal error: Call to undefined function: htmlspecialchars_decode() in /home/myxot2/public_html/store/includes/functions/extra_functions/ezpages_improved_menus_functions.php on line 19


:\

Sorry, here is the code from that file:

<?php
/**
*
* @copyright Copyright 2010 Glenn Herbert
* @copyright Portions Copyright 2003-2006 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.gnu.org/licenses/ GNU Public License V3.0
* @version $Id: /includes/functions/extra_functions/ezpages_improved_menus_functions.php
*Ezpages Footer Columns copy of master file from Ezpages Improved Menus by Glenn Herbert (gjh42) 2010-11-20
*/

//call as active_page_class($var_linksList[$i]['id'],$var_linksList[$i]['altURL']);
function active_page_class($ezpid,$alturl) {
global $this_is_home_page;
$active = '';
if($_GET['main_page'] == 'page') {
$active = ($_GET['id'] == $ezpid)? ' class="activeEZPage"': '';
}elseif($alturl) {
$alturl = htmlspecialchars_decode(str_replace(HTTP_SERVER . DIR_WS_CATALOG,'/',$alturl));
$active = ((strstr($_SERVER['REQUEST_URI'],$alturl) and !strstr('/index.php?main_page=index',$alturl)) or ($this_is_home_page and strstr('/index.php?main_page=index',$alturl)))?' class="activeILPage"': '';
}
return $active;
}
?>

The htmlspecialchars_decode() function was introduced in PHP5.1.0, so if your server's version of PHP is older than that, it won't work.
Sorry, I don't know a way around using that function at this point. Any link that uses an & character will not work correctly in this mod without the function.

Fewer and fewer hosts are going to be using old versions of PHP, and you might ask your host to upgrade. Be aware that ZC v1.3.8a will only work up through PHP5.2.x without a patch (available in the forum), so if you have that old version, you should patch (or better upgrade) before asking your host to upgrade.

I am using zen version 1.3.9H and just logged in to check the PHP in and it says I'm using version "PHP version 5.2.14"

Is there anything else I should do? :\

ugh, n/m...now it magically works. :censored:
Thank you for the help though! :)

Gremlins... :)

Why see me like this?
There is a picture below - How do I delete it?

Thanks

http://www.king-magic.com/

You are not using the Ezpages Footer Columns mod there, but the Footer Menu mod. I don't see any image below it now, anyway.

First of all I would like to say thank you to gjh42 for the simple yet very affective addon.
I am currently upgrading to 1.3.9h and everything in the mod works great. I am only having a browser issue while attempting a total of 4 columns.
In Mozilla all four columns line up side by side with no problems. In IE8 the last column lines up underneath the first column.
I have attempted to fix this in the css but I have very limited skills in css.

Any help would be greatly appreciated!

Here is a link to my temporary site. http://www.atfbilletparts.com/storeh

In your stylesheet_ezpages_footer_columns.css, find this rule and add the part in red:

.ezpagesFooterCol {float: left; padding: 0 0 0.5em 0; width: 24.9% !important; }

Note that you will have to adjust this manually if you change the number of columns.

The changes worked perfectly. It is amazing that hours of misery can be resolved in matter of seconds. Thank you for the response. Hope I can be a help someday.

Hi Glenn,

Great mod, and probably just what I need. But... (There's always a but, isn't there?)

I need the left-most column to hold my SSL certificate. (See the bottom of any page on either of my sites in my sig below.) The way I've done it in the past is a custom table dropped into the tpl_footer.php file, which was suggested by Linda ages ago. How and where would I drop that code into your footer mod? (I'll be putting the usual EZ pages links in other columns.)

You'll probably notice I'm using a template on my newly deconstructed retail site which heavily customizes the footer. Not to worry -- I've already installed your mod and tried it out and it works without blowing up my template. I've just temporarily turned your mod off (by renaming, using .bak) to get my cert back.

Rob

You could put a random link (say a blank ez-page named SSL Certificate) for column 1, and define a subtext/comment for it which contains the HTML for the certificate. No table needed; it will be in a span named .ezpagesFooterColComment, and can be styled uniquely by

.ezpagesFooterCol.col1 .ezpagesFooterColComment {}

Then you can hide the link above it with

.ezpagesFooterCol.col1 a {display: none;}

If there is a concern about putting something inside a span, I can tell you how to change the comments to divs (won't affect the way anything else works).

PHP Code:

---

define('EZPAGES_FOOTER_COL_COMMENT_xx','<a href="http://www.alphassl.com/" target="_blank" title="SSL Certificate" >
<img alt="SSL Certificate" border=0 id="___sitess__alt_img" src="//seal.alphassl.com/SiteSeal/images/alpha_seal_noscript_en.gif" ></a></span>
<script type="text/javascript" src="//seal.alphassl.com/SiteSeal/alphassl_siteSeal_m.js" defer></script>
'); 


---

where xx is the ez-page id.

Thanks! I have to rush off now but I'll try this later today and report back.

Rob

Quote:

---

Originally Posted by gjh42

PHP Code:

---

define('EZPAGES_FOOTER_COL_COMMENT_xx','<a href="http://www.alphassl.com/" target="_blank" title="SSL Certificate" >
<img alt="SSL Certificate" border=0 id="___sitess__alt_img" src="//seal.alphassl.com/SiteSeal/images/alpha_seal_noscript_en.gif" ></a></span>
<script type="text/javascript" src="//seal.alphassl.com/SiteSeal/alphassl_siteSeal_m.js" defer></script>
'); 


---

where xx is the ez-page id.

---

Unfortunately, this did not work. I ended up with a generic cert image which contained only a link to the AlphaSSL site. It should have popped up a reassurance box about my cert in particular. Also the suggested style for hiding the name of the suggested blank EZ Page also hides the cert, since it's within the 'a' which is being styled.

The problem may come from the span beginning in some other php file, and not having its id (see my original code in the working cert.) Or did you not mean to leave out the beginning of the span in your suggested define? I know so little about such code that I just copied and pasted what you gave me, without daring to reinsert the span opening.

Last week I had tried putting the cert into a sidebox contribution with similar results. Something goes wrong when the cert's code is moved inside something else, and I can't understand it well enough to know what's wrong. There's no error returned in the cache, though the cert image says something about needing to turn on Javascript (which, of course, is on.) So I suspect there's something going wrong with the in-line js code (which is a necessary part of my cert) when it's inside something else.

I've left it turned off for now, since this is the live site and the cert needs to be functional. If it would help, I can turn the footer columns back on for you to see it in action. I can do this Monday morning or afternoon, Atlantic time. Please PM me to set up a time if you want.

Rob

I had been wondering if the additional layer of span in the original code was actually necessary to the functioning of the cert... apparently it is. I would try it with progressively adding back layers of surrounding code to see if that makes a difference.

.ezpagesFooterCol.col1 a {display: none;}
I should have gone back and modified this when I looked at the actual cert code. You can limit it to the dummy link with
.ezpagesFooterCol.col1 li>a {display: none;}

I didn't notice the </span> when copying the code before.

PHP Code:

---

define('EZPAGES_FOOTER_COL_COMMENT_xx','<span id="___sitess__alt_img_wrapper_middle_image">
<a href="http://www.alphassl.com/" target="_blank" title="SSL Certificate" >
<img alt="SSL Certificate" border=0 id="___sitess__alt_img" src="//seal.alphassl.com/SiteSeal/images/alpha_seal_noscript_en.gif" ></a></span>
<script type="text/javascript" src="//seal.alphassl.com/SiteSeal/alphassl_siteSeal_m.js" defer></script>'); 


---

I should be around at about 8am (9 Atlantic time) if you want to activate it; then I will have to leave for the day.

That works. It's amazing what works when it's done right. :laugh:

Now I can fuss with styling and adding more links and so on.

Thanks very much for the mod and the help.

Rob

Glenn,

Great mod, love the flexibility!

I am having issues getting images to display in the comment section.

This is what I have tried:

Code:

---

define('EZPAGES_FOOTER_COL_COMMENT_9', zen_image(DIR_WS_TEMPLATE . 'images/' . $_SESSION['language'] . '/payments.gif', 'Payment Methods Excepted'));

---

The "Payment Methods Excepted" shows fine, I have also removed this and nothing:

I have also tried:

Code:

---

define('EZPAGES_FOOTER_COL_COMMENT_9', '<a href="https://www.xxx.com/xxx/xxx/xxx" target="_blank"><img src="<?php echo DIR_WS_TEMPLATE  ?>images/payments.gif" border="0" /></a>');

---

_9 being the ez_page_id that I want the image to appear under.

What could I be doing wrong?

I got this working!

Glad to hear it! Can you let me see the site? It's good to have examples for people to see what can be done.

I can PM you the link, I am putting together a template but it is not yet ready for public eyes - still a work in progress.

OK, that would be fine for now:)

Sent you the link Glenn. Would like to know what you think?

Yes indeed! I look forward to being able to point to it as an example of what can be done with the mod, strictly using the built-in capabilities.

Okay, I'm feeling like a complete idiot right now. Hope you can help.

I've double checked that my files are in the correct place. My footer display status is at 1. I've added 4 "links" in my EZ-pages section and given them the following footer sort numbers (110,210,310,410) just to start.

My latest cache debug reads as follows:
[05-May-2011 18:02:14] PHP Warning: Division by zero in D:\Hosting\5876595\html\buy\includes\templates\Gaius\templates\tpl_ezpages_bar_f ooter.php on line 45

I checked the file, the line it is referring to is this:
$col_width = (int)(100/$cols);//update divs with % width

The page I am currently working with is here:
http://www.theindigopath.com/buy

As you can see, there is a red bar where the footer should be, but nothing there.

While I'm asking, I might as well ask about the EZ pages to be sure I'm setting them up correctly. I am setting them up using the Admin>Tools>EZ-Pages page. Creating a new file for each link. Is this and the following correct?
Page Title: This will be the text of the link.
Internal Link: This is the page it links to.
Header, TOC, Sidebox are off
Footer is on: 110 (sort number)

I've just started using ZenCart so I'm still trying to adjust to not having to dig through code to make any additional changes. Thanks in advance for your help!

First I'm glad I found this mod. I was having difficulty with another footer menu and this one installed smoothly.

One thing though. I tried several css codes but I'm not versed on it. My shop width is 960px. I used firebug to see if there was anything I could change but could not. Can you help please?

I can help if I can see your site, and know what it is that you want to change.

gaius - The warning indicates that there are no ez-page columns to be displayed. That should only happen if the ez-pages set for the footer don't have sort orders. If there are no ez-pages set for the footer, tpl_ezpages_bar_footer.php will skip all processing and you would not get the error.

You have Configuration > EZ-Pages Settings > EZ-Pages Display Status - FooterBar set to 1, correct?
The line you quote from tpl_ezpages_bar_footer.php is the correct custom version. Do you have /includes/modules/your_template/ezpages_bar_footer.php with your_template changed to your template name? If that file is not in the correct place, there would be no sort order info available to be used.

I just double checked the folders, everything is named properly (including your_template changed to my template's name). I've also just double checked that footerbar is set to 1. I changed it to 0, and then back to 1.

I re-uploaded /includes/modules/your_template/ezpages_bar_footer.php to the website. Now the red bar isn't there anymore, either.

New Debug says:
PHP Fatal error: Call to undefined function active_page_class() in D:\Hosting\5876595\html\buy\includes\templates\Gaius\templates\tpl_ezpages_bar_f ooter.php on line 32

Refers to the following code:
$page_query_list_footer[$rows]['altURL'] = '';

I'm off to go camping for the weekend, and will work on this more when I get back on Monday. Thank you again for your help.

If the function is undefined, you must not have ezpages_footer_columns_functions.php in the correct location, or it is corrupt.
Maybe you should re-upload all of the files, taking special care with the /Gaius/ foldernames. Then look at the files to be sure they have good content once they are on the server.

Quote:

---

Originally Posted by gjh42

I can help if I can see your site, and know what it is that you want to change.

---

Thank you for the offer and the great mod for ZC. Our store is under lock and key. If you want to PM me your IP address I will add it and maybe what you suggest to me will be of help of others also. Thanks SO much.

Here is also an attachment so others can see what I speak of.

The little grey bar up on top is the base of our shop and is at 960px.

the bottom footer of course is at full width screen.

Reuploaded all the files. Something weird must have happened while I unzipped them. So I redownloaded the file and put everything back. It's working great now.

Thank you again for your help and this awesome addon!

Glad to hear that it's working when you reinstall a fresh copy.

willie bee - the bit you show indicates that your #mainWrapper is at 100% width, and #contentMainWrapper is at 960px width. Since #navSuppWrapper is directly inside #mainWrapper, it will not follow #contentMainWrapper styling. Find or add #navSuppWrapper {} in your stylesheet and give it the desired width.

If you have a template with a nonstandard structure, there is no way to advise without actually seeing it live.

rbarbour was kind enough to allow me to post a screenshot of his implementation of Ezpages Footer Columns, since the site is not ready for visitors yet.

Quote:

---

Originally Posted by gjh42

Glad to hear that it's working when you reinstall a fresh copy.

willie bee - the bit you show indicates that your #mainWrapper is at 100% width, and #contentMainWrapper is at 960px width. Since #navSuppWrapper is directly inside #mainWrapper, it will not follow #contentMainWrapper styling. Find or add #navSuppWrapper {} in your stylesheet and give it the desired width.

If you have a template with a nonstandard structure, there is no way to advise without actually seeing it live.

---

We're idiots here. What?

YOUR footer style sheet was not modified in any way.

So in MY stylesheet.css I have this

#mainWrapper {
text-align: left;
vertical-align: top;
width: 960px; /* sets the width of the store */
background-color:#fff; /* gives the store a white background */
margin: 8px auto 0 auto;
padding-bottom: 10px;
}

/* main content area */
#contentMainWrapper {
margin:0;
/* background-color: #f4f4ef; */

}


#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
font-weight: normal;
height: 1%;
width: 100%;
}


SO I need to modify YOUR supplied style sheet?

If you want to PM me your IP I will add you since our store is under lock and key. :(

You would probably need to modify something in your main stylesheet, but everything you mention is correct for a standard site structure. Obviously there is something different about your site, or else there is some glitch somewhere that is not making the #mainWrapper width follow that rule. I'll pm you so I can look at it directly.

Quote:

---

Originally Posted by gjh42

You would probably need to modify something in your main stylesheet, but everything you mention is correct for a standard site structure. Obviously there is something different about your site, or else there is some glitch somewhere that is not making the #mainWrapper width follow that rule. I'll pm you so I can look at it directly.

---

Thanks I will add you to our end of year list, I'll explain when I get your PM lol.

This will fix the footer:
stylesheet.css (line 465)

Code:

---

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    font-weight: normal;
    height: 1%;
    margin: auto;
    width: 960px;
}

---

Your template has both #headerWrapper and #navSuppWrapper (and some other custom divs) outside of #mainWrapper, so they all need their widths set explicitly.

Quote:

---

Originally Posted by gjh42

This will fix the footer:
stylesheet.css (line 465)

Code:

---

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
    font-weight: normal;
    height: 1%;
    margin: auto;
    width: 960px;
}

---

Your template has both #headerWrapper and #navSuppWrapper (and some other custom divs) outside of #mainWrapper, so they all need their widths set explicitly.

---

I don't know what you mean by the bottom part of what you said but the change you said to make WORKS! BUT ... there is always a but. It destroyed the font. There is a different font size now.

Here was the original code.

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
font-weight: normal;
height: 1%;
width: 100%;
}

I noticed that when I went back and looked at the site, but it didn't happen when I first tested the changes. I just now reversed the changes (back to what they were before) in Firebug, and the font was still larger. The two property value changes simply could not affect font size... they are not capable of that. Something else that happened while you were editing the stylesheet had to have done it.

Checking, I see that there is some text before the main stylesheet header comment block:

Code:

---

illie /**
 * Main CSS Stylesheet
 *
 * @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: stylesheet_new.css 3286 2006-03-28 01:14:04Z drbyte $
 */

body {
color:#777777;
font: 10px arial, sans-serif;
background-color:#ffffff;
margin:0;
background-image: url("../images/bodybg.gif");
background-repeat: repeat-x;

}

---

This is treated as if it connects with the following rule, which is the body{} rule where the site's base font size is set. Deleting the "illie" restores the fonts to normal.

GOD! I want to stick a hot fork in my ear and twist it. What a bone head mistake on my end.

Anyways, I highly recommend this footer mod over the others. Great support and MUCH easier to customize.

I have attached the final example from our site.

Hey I noticed that at the bottom the credit card images are gone. Is there a way to add that back on? I think leaving it at the bottom is good as it clears up real estate from having to put it in a sidebox.

Do you want the cc images below the footer columns (in the white area), or in empty space in the column area?
For the white area, add the cc image code to tpl_footer.php the same as you had it before (probably).
For cc images in a column, define them as a "comment" to one or two of the links, per the directions in the readme.

ver 1.3.9h

Just installed and confirmed all 6 files are there and dated 5/21/11

But there is no footer menu added to bottom of site. Ezpages enable footer set to 1, but nothing?

www.cvtreasures.com

UPDATE: I figured it out. Forgot to create the menu link in Ezpage settings

ver 1.3.9h

On my footer how can I center so the top row shifts to the left?

AND, how can I continue to make a Second and third row?


www.cvtreasures.com

Quote:

---

Originally Posted by kevinmc3

ver 1.3.9h

On my footer how can I center so the top row shifts to the left?

AND, how can I continue to make a Second and third row?


www.cvtreasures.com

---

Hey guy, This is what I used to figure stuff like that out. Download the Firefox plugin Firebug and look at the css and play with it. It will make real time changes on your screen so you can see what it looks like and then you can make the real changes your self.

If you need more help let me know.

Thanks but I am NOT a programmer and am just looking for the specific edits I need to make for centering the footer menus and also to add a 2nd and 3rd row or continue adding links.

So hoping the Mod author can add his expertise here.

You have this rule in one of your stylesheets (probably your main stylesheet.css, but I can't tell for sure since you have them minified which removes all formatting and comments and mashes them all together):

#navSupp ul{color:#fff;text-decoration:none;position:absolute;top:7px;float:left;margin:auto 0 auto 250px;padding-top:0;padding-bottom:0;padding-left:0;white-space:nowrap}

This gives a 250px left margin. You have a lot of non-standard rules in that area which seem to have come from some other mod, unless you actually wrote them all specifically for something. Some of these rules are overriding the Ezpages Footer Column style rules.

You say "add a 2nd and 3rd row"... do you mean add a 2nd and 3rd column?
What are the sort orders (for the footer) on your ez-pages? They are all in .col1, which means they all start with 1. If you want them in separate columns, you have to start them with different numbers, as the readme describes. The links are displaying in a row instead of a column because one of the other rules overrides this mod's rule about the layout.

#navSupp ul li{text-align:left;float:left;margin-left:0;padding-left:0;display:inline}
#navSupp ul li a, #navCatTabs ul li a{text-decoration:none;padding:0 0.5em;margin:0;color:#fff;text-align:left;white-space:nowrap}

This rule, probably at the bottom of your stylesheet.css, has an error that causes CSS to ignore all following rules (all of the stylesheet_ezpages_footer_columns.css rules).

#paypaldp-cc-ownerf,#paypaldp-cc-ownerl,#paypaldp-cc-number,#paypaldp-cc-expires-month,#paypaldp-cc-expires-year,#paypaldp-cc-cvv
{font-size:14px;{

Change that to } . This will most likely let the footer columns rules overide the other rules mentioned above.

Thanks for responding.

Re: "but I can't tell for sure since you have them minified which removes all formatting and comments and mashes them all together"
I am not sure what you are referring to..??

Re: "You say "add a 2nd and 3rd row"... do you mean add a 2nd and 3rd column?"

No, I mean actually continung with adding more menu links that will continue to a second row, 3rd row , etc.....like the bottom of this site:
http://www.cinemasterpieces.com/

It would be easier than having to create Sub-mini menus as described in the read me.

Quote:

---

Originally Posted by gjh42

You have this rule in one of your stylesheets (probably your main stylesheet.css, but I can't tell for sure since you have them minified which removes all formatting and comments and mashes them all together):

#navSupp ul{color:#fff;text-decoration:none;position:absolute;top:7px;float:left;margin:auto 0 auto 250px;padding-top:0;padding-bottom:0;padding-left:0;white-space:nowrap}

This gives a 250px left margin. You have a lot of non-standard rules in that area which seem to have come from some other mod, unless you actually wrote them all specifically for something. Some of these rules are overriding the Ezpages Footer Column style rules.

You say "add a 2nd and 3rd row"... do you mean add a 2nd and 3rd column?
What are the sort orders (for the footer) on your ez-pages? They are all in .col1, which means they all start with 1. If you want them in separate columns, you have to start them with different numbers, as the readme describes. The links are displaying in a row instead of a column because one of the other rules overrides this mod's rule about the layout.

#navSupp ul li{text-align:left;float:left;margin-left:0;padding-left:0;display:inline}
#navSupp ul li a, #navCatTabs ul li a{text-decoration:none;padding:0 0.5em;margin:0;color:#fff;text-align:left;white-space:nowrap}

---

Obviously you didn't do the "minify" (google it) code compaction deliberately. The function must have been in your template, or something else you installed.

What you are describing with "add a 2nd and 3rd row" is the ordinary result of putting a lot of ez-page footer links into the stock template, and does not require any mods at all.

"It would be easier than having to create Sub-mini menus as described in the read me." ?? If by sub-mini menus you mean additional columns, all that is needed is to keep track and give the right footer sort orders to ez-pages when you edit them. If you mean something else, I'm not sure what you are talking about.

Hey gjh42,

Thanks for the mod, it's made a real difference to my site.

Is there a way that I can add images to the footer as well? I want to have 2 or 3 columns of general links, and then have the far right column as a section for things like my SSL logo, PayPal Verified badge and so on.

Here's what I have so far: https://www.the-ishop.co.uk

Cheers!

To get a new column for holding link graphics, you need to have at least one ez-page link with a sort order set for that column. If you have general links in columns 1xx and 2xx, you need an ez-page with sort order 310 (or 320, etc.) to create the new column. Then add a define to ezpages_footer_columns_defines.php like this:

PHP Code:

---

define('EZPAGES_FOOTER_COL_COMMENT_310', '<a href="whatever"><img src="whatever" /></a>'); 


---

Add other links and other HTML as required within the define.

If you want the original ez-page link hidden, you can use a rule like this in your stylesheet:

Code:

---

.ezpagesFooterCol.col3 li>a {display: none;}

---

This will hide the link directly inside the <li> but not any links in the comment section.

Hi,

I did what you suggested, but it doesn't seem to be working.

Here's what I have at the moment:

Code:

---

define('EZPAGES_FOOTER_COL_HEADING_1', 'Information');
define('EZPAGES_FOOTER_COL_HEADING_2', '');
define('EZPAGES_FOOTER_COL_HEADING_3', 'Connect With Us');
define('EZPAGES_FOOTER_COL_COMMENT_310', '<a href="https://www.facebook.com/the.ishop"><img src="https://www.the-ishop.co.uk/images/footer_facebook.gif" /></a>'); 
define('EZPAGES_FOOTER_COL_SUBHEAD_xx', 'Your Subheading');

---

The image's URL works fine, but it doesn't want to show up in the footer.
Any ideas?

And you have an ez-page with a sort order of 310 for the footer, enabled to show in the footer?

Yes you do...
I noticed earlier that your URL rewriting mod causes the link path to sometimes not read the "current page" test correctly, preventing some links from highlighting when on their page. The same thing may be happening with images, as the path may be altered by your rewriter. There was an issue like this with Conor's CEON rewriter a while back, and I believe he tweaked something so his code handled the $_GET['cPath'] method of lookup as well as $cPath. You have a different rewriter, which may be less flexible.

Right, that makes sense..

Is there a way that I can find out how it writes the paths? Or even find out what the path would be for the images?
Perhaps there's some kind of log...

You would have to take that up with the author of your rewriter mod. It's not something anyone else can address.
I can't change my mod's tests to handle unknown URL rewriting methods.

Hi gjh42,

thanks for the great mod.

I have a query regarding inserting an image in the footer. I have read this thread (apologies if I haven't picked up something already covered) and have an image (a facebook icon) appearing in the footer (col1) using this define

HTML Code:

---

define('EZPAGES_FOOTER_COL_COMMENT_15', zen_image(DIR_WS_TEMPLATE . 'images' . '/facebookiconsm.jpg', 'bla bla'));

---

What I need to do is now hide the title of the EZ page(ID 15). I see that you mention this can be acheived by using .ezpagesFooterCol.col1 a {display: none;}

However, this hides all links in the column, but I have other links in the column that I require to remain visible. How can I just hide the title of EZ Page ID 15 ? See thumb attached pls.

cheers,

adam

I just added &nbsp as the title and that did it..

Actually, not really. Although that hides the title, the &nbsp can still be clicked, any suggestions ?

adam.

You can target say the third and following links in a column with something like

.ezpagesFooterCol.col1 li+li+li>a {display: none;}

This is all you need if the item in question is at the bottom of the column. If there are following links you do want to see, add another rule after the above:

.ezpagesFooterCol.col1 li+li+li+li>a {display: inline;}

Thank you gjh42, that worked very well.

For some reason, this footer displays fine in firefox and safari, but in IE 9, it's all over the place.

As soon as I remove the following define line from ezages_footer_columns_defines.php

HTML Code:

---

define('EZPAGES_FOOTER_COL_COMMENT_15', '<a href="http://www.facebook.com/FB_username">' . zen_image(DIR_WS_TEMPLATE_IMAGES . 'facebookiconsm.jpg', 'Visit Us at Facebook', '', '', 'style=vertical-align:middle') .  ' Facebook') . '</a>' ;

---

it appears ok again (but of course lacking the facebook link)

Any ideas on this ?

See footer thumbnails of firefox and IE9.

thanks again for your help,

adam

That is really strange! Are the right-hand links .col1, with the columns floated right? That is about the only way an error there could affect the columns to the left.

I really need to see it live to help any on this.


You have an error at the end of your define

PHP Code:

---

define('EZPAGES_FOOTER_COL_COMMENT_15', '<a href="http://www.facebook.com/FB_username">' . zen_image(DIR_WS_TEMPLATE_IMAGES . 'facebookiconsm.jpg', 'Visit Us at Facebook', '', '', 'style=vertical-align:middle') .  ' Facebook') . '</a>' ; 


---

zen_image(DIR_WS_TEMPLATE_IMAGES . 'facebookiconsm.jpg', 'Visit Us at Facebook', '', '', 'style=vertical-align:middle') . ' Facebook') . '</a>' ;
needs to be
zen_image(DIR_WS_TEMPLATE_IMAGES . 'facebookiconsm.jpg', 'Visit Us at Facebook', '', '', 'style=vertical-align:middle') . ' Facebook' . '</a>') ;

Well gjh42, you are impressive. You were right, I had col4,3,2,1, and changed to 1,2,3,4. and fixed the float from right to left.
Thank you again, not sure why IE didnt like that. And I fixed the syntax issue, thanks for picking that up.

regards, adam.

I'm pretty sure the syntax was the real problem. Different browsers handle errors differently, and that would have left an unclosed <a> tag on the fb button, which could have easily caused problems down the road (to the left, since columns were floated right).

sorry but the first instruction is to go to
Tools > EZ-Pages > edit page

but on the ez-page there is no option that says <edit page>
??? so i seem to be lost from the get go. I searched the thread and can not find a starting point

Select an ez-page and edit it, or make a new one.

rodger that, thanks
is there a way to use a picture with a link instead of text? maybe if i have 100, 110,120,130 could i make 140 a facebook jpg img with a link to say the facebook page?

The current version of this mod does not support replacing ez-page links with images, but the new version which is ready for release does directly allow this.

In the meantime, you can add a "comment" to your link 130 which has the code for the facebook image link. The comment will appear below the ez-page link it belongs to.

And is there a way to add several lines of text about the footer ez-page box that is there now

http://www.airtightsecurityplus.com/security_equipment

where can i find the new version that allows for images?

thanks for the support

Quote:

---

where can i find the new version that allows for images?

---

As I said, "ready for release", not "released". I will be submitting updated versions of several mods in the coming days and weeks.

Clever CSS manipulation could allow the extra text you want now; the new version will allow substitution of any defined HTML string for an ez-page link.

I have just had a discussion about Multi-Language EZ-Pages which is incompatible with Ezpages Footer Columns as packaged, in Help: Footer Text link doesn't appear. There is a simple fix for combining the mods by pasting elements from EFC's includes/modules/your_template/ezpages_bar_footer.php into the Multi-Language version of that file. I will have to look in more depth to be sure there are no other merges needed, but I plan to include directions for this merge in the readme for the new version of EFC so that anyone can use them together.

Hi! Great mod. Is there a way of setting uneven column widths?
I have an image in column 5 that I'd like to have it's own column width (just for aesthetics), with 1 - 4 evenly spaced.

My site

Each column has a unique class tag like .col1, .col2, etc. Add to your stylesheet

#navSupp .col1 {width: 123px !important;}

and this will override the automatic width setting. You can use px, % or em as units; you will likely need to set all of them individually if you change one, as the others will not change to compensate for your manual setting.

That's the one, thanks for that. It was the all or nothing bit that was tripping me.

Glenn,

I am having a horrible time getting this to work on a website I am in development on here: http://armedmobilesurvivor.com

It is a 1.5.0 site - and I have the css js loader installed which minifies the css. When I turn minify on - the columns just stack up on top of each other. When I turn it OFF - then it displays properly.

I have the ezpages set up numbered 110, 120, 210, 220, etc. and have the Admin > Configuration > EZ-Pages Settings > Enable EZ-Pages Display Status - FooterBar > set to 1.

Can you tell what I have done wrong and help me fix it?

I have the CSS JS loader turned on right now so you can see it the "wrong" way. I am putting an image below.

THANKS in advance!!

http://armedmobilesurvivor.com/cssjsloader.jpg

I guesss we'll have to coordinate turning the css/js loader on when I'm looking, since there is nothing to diagnose otherwise. Somehow it is apparently making the columns not float left.