INFORMATION Box in the FOOTER

[Bloob]

Hello, I would like add the INFORMATION Box in the Footer.
I saw other Post in this Forum, but my Code in tpl_footer is different.
This is my code (tpl_footer) :
<?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 3183 2006-03-14 07:58:59Z birdbrain $

*/

require(DIR_WS_MODULES . zen_get_module_directory('footer.php'));

?>



<?php

if (!$flag_disable_footer) {



?>

<div id="footer">


<div class="bg_footer">

<div class="column">

<div class="indent">

<span>

<?php

if (EZPAGES_STATUS_FOOTER == '1' or (EZPAGES_STATUS_FOOTER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) {

?>

<a href="<?php echo HTTP_SERVER . DIR_WS_CATALOG; ?>"><?php echo HEADER_TITLE_CATALOG; ?></a><?php require($template->get_template_dir('tpl_ezpages_bar_footer.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_footer.php'); ?>



<?php } ?>

</span>

<div class="copy">Copyright 2008-2011 Rare Horror DVDs. Powered by Zen Cart</a></div>

</div>

</div>

<div class="column_1">

<div class="indent">

<?php echo zen_image(DIR_WS_TEMPLATE.'images/cards.jpg','Accepted Credit Cards'); ?>

</div>

</div>

<div class="clear"></div>

</div>


</div>

<?php

} // flag_disable_footer

?>

---------------------

I use a Monster Template and Zen Cart 1.3.9

...if you can help me.

THANKS.

[gjh42]

Simpler than getting the information sidebox into the footer would be to recreate the links you want as ez-page internal links, enabled for the footer. This will give the links spread out in a line in the footer; if you want columns, you can install Ezpages Footer Columns from Free Addons and organize all of the footer elements your code shows. What layout do you want for the whole footer? A mockup will let us advise on the best way to do it.

[Bloob]

Thanks for your reply!!
I tried with EZpages and internal links .... well...this works, but the result is very simply.
If you can suggest what I can do to improve ....
Link: dev.rarehorrordvds.com
Thanks Again!

[gjh42]

You haven't tried Ezpages Footer Columns yet. That will allow you to organize the links into one or more boxes as you desire. Since you have a Template Monster template with custom footer, you may want to modify that to get your final layout. Please show a mockup of the footer layout you want so we can advise correctly.

[Bloob]

I would like a Footer in this mode (Attached Project)
What should I do?
Thanks.

[gjh42]

Ezpages Footer Columns will not be useful for you.
Change in admin > Configuration > EZ-Page Settings > EZ-Pages Footer Link Separator &nbsp;::&nbsp; to &nbsp;|&nbsp;

You will want to modify the div structure of your custom tpl_footer.php.

<?php
if (!$flag_disable_footer) {
?>
<div id="footer">

<div class="bg_footer">
<div class="column">
<div class="indent">
<span>
<?php
if (EZPAGES_STATUS_FOOTER == '1' or (EZPAGES_STATUS_FOOTER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) {
?>
<a href="<?php echo HTTP_SERVER . DIR_WS_CATALOG; ?>"><?php echo HEADER_TITLE_CATALOG; ?></a><?php require($template->get_template_dir('tpl_ezpages_bar_footer.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_footer.php'); ?>

<?php } ?>
</span>
<div class="copy">Copyright 2008-2011 Rare Horror DVDs. Powered by Zen Cart</a></div>
</div>
</div>
<div class="column_1">
<div class="indent">
<?php echo zen_image(DIR_WS_TEMPLATE.'images/cards.jpg','Accepted Credit Cards'); ?>
</div>
</div>
<div class="clear"></div>
</div>

</div>
<?php
} // flag_disable_footer
?>

<?php
if (!$flag_disable_footer) {
?>
<div id="footer">

<div id="footerLinks">
<?php
if (EZPAGES_STATUS_FOOTER == '1' or (EZPAGES_STATUS_FOOTER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) {
?>
<a href="<?php echo HTTP_SERVER . DIR_WS_CATALOG; ?>"><?php echo HEADER_TITLE_CATALOG; ?></a><?php require($template->get_template_dir('tpl_ezpages_bar_footer.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_footer.php'); ?>
<?php } ?>
</div>

<div class="copy">Copyright 2008-<?php echo date('Y'); ?> Rare Horror DVDs. Powered by Zen Cart</div>

<div id="cardImage">
<?php echo zen_image(DIR_WS_TEMPLATE.'images/cards.jpg','Accepted Credit Cards'); ?>
</div>

<div id="secureImage">
<?php echo zen_image(DIR_WS_TEMPLATE.'images/secure.jpg','Secured by Comodo'); ?>
</div>

<div id="upsImage">
<?php echo zen_image(DIR_WS_TEMPLATE.'images/ups.jpg','UPS Shipping'); ?>
</div>

<div class="clear"></div>

</div>
<?php
} // flag_disable_footer
?>

Add to your stylesheet

#footer {position: relative; padding: 1.0em;}
#footerLinks {width:60em; margin: auto;}
#footer .copy {position: absolute; bottom: 1em; left: 60%;}
#cardImage {float: left;}
#secureImage {float: left; margin-left: 23em;}
#upsImage {float: right;}

[Bloob]

AMAZING!!!
I made your modified on TPL_FOOTER and stylesheet, but I'm not able to locate the "secure.jpg" in the bottom (see the attached file).

This is the stylesheet concerning the Footer (with your code):

#footer { color:#877C6F; font-size:10px; line-height:18px; width:100%; margin:-2px 0 0 0;}
#footer .copy { font-size:10px; padding:0 0 0 0;}
#footer .bg_footer{ width:100%; padding:0 0 39px 0;}

#footer .column { width:74%; float:left; color:#101010; font-size:9px; line-height:13px;}
#footer .column .indent {padding:30px 0 0 38px;}
#footer .column span { color:#101010; font-family:tahoma;}
#footer .column span a{ font-size:11px; line-height:13px; color:#101010; text-decoration:underline;}
#footer .column span a:hover{text-decoration:none;}



#footer .column_1{float:left;}
#footer .column_1 .indent {padding:29px 34px 0 10px;}

#footer {position: relative; padding: 0em;}
#footerLinks {width:50em; margin: auto;}
#footer .copy {position: absolute; bottom: 1em; left: 60%;}
#cardImage {float: left;}
#secureImage {float: left; margin-left: 23em;}
#upsImage {float: right;}

Thanks a Lot for Support!!!!

[gjh42]

Add margin-top to this rule and adjust to taste:


#secureImage {float: left; margin-left: 23em; margin-top: 2.3em;}

[Bloob]

Thank you very much!
You were very kind.
I attached the final Footer.
THANKS AGAIN.