Changes to the Footer Area
The first thing we want to do is remove the Oscommerce Banner. This is quite simply a setting in your Admin Area. Go to: admin > tools > banner manager and click the small pink circle to turn the Banner off. What do we want to do with the Footer;
1. Obviously we want to make the Footer area look part of the design.
2. We want to remove the useless counter
3. We want to remove the date – I am positive that most people know what date it is!
4. We want to move the “Copyright and Powered” text into the Footer Area.
All pretty straightforward. Open up /includes/footer.php and find the following code:
<table border="0" width="100%" cellspacing="0"
cellpadding="1">
<tr class="footer">
<td class="footer"> <?php echo
strftime(DATE_FORMAT_LONG); ?> </td>
<td align="right"
class="footer"> <?php echo $counter_now .
' ' . FOOTER_TEXT_REQUESTS_SINCE . ' ' .
$counter_startdate_formatted; ?> </td>
</tr>
</table>
Change this to:
<table border="0" width="100%" cellspacing="0"
cellpadding="0">
<tr>
<td class="footerarea"></td>
</tr>
</table>
Save and upload the footer.php file. In your favoured graphics program, open up the file logo_5.jpg and colour out the SunFlower areas to #cccccc; Save this newly created graphics file as “footerbg.jpg” and upload to the /images/ folder.
Open up /includes/languages/english.php and find the following code:
define('FOOTER_TEXT_BODY', 'Copyright © 2003 <a
href="http://www.oscommerce.com"
target="_blank">osCommerce</a><br>Powered by <a
href="http://www.oscommerce.com"
target="_blank">osCommerce</a>');
Change this to:
define('FOOTER_TEXT_BODY', 'Copyright © 2004 ' .
STORE_NAME);
Repeat for each Language you use. Now open up stylesheet.css and add the
following code:
.footerarea {
background-image: url(images/footerbg.jpg);
width: 760px;
height: 28px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #575757;
padding: 5px;
}
Save this. Now open up /includes/footer.php once again and find the following portion of code:
<td class="footerarea"></td>
Change this to:
<td class="footerarea"><?php
/*
The following copyright announcement can only be appropriately modified or removed if the layout of the site theme has been modified to distinguish itself from the default osCommerce-copyrighted theme. For more information please read the following Frequently Asked Questions entry on the osCommerce Support site: http://www.oscommerce.com/community.php/faq,26/q,50 Please leave this comment intact together with the following copyright announcement.
*/
echo FOOTER_TEXT_BODY
?></td>
And find the following portion of code:
<br>
<table border="0" width="100%" cellspacing="0"
cellpadding="0">
<tr>
<td align="center" class="smallText">
<?php
/*
The following copyright announcement can only be appropriately modified or removed if the layout of
the site theme has been modified to distinguish itself from the default osCommerce-copyrighted
theme. For more information please read the following Frequently Asked Questions entry on the osCommerce support site:
http://www.oscommerce.com/community.php/faq,26/q,50
Please leave this comment intact together with the following copyright announcement.
*/
echo FOOTER_TEXT_BODY
?>
</td>
</tr>
</table>
Remove it! Now your new osCommerce template is looking really good.
