| Change the osCommerce Logo | Last Update: 25th April, 2005
Article ID: 227 |
- Introduction
- Change the osCommerce Logo
Introduction
At the top-left corner of your store is an osCommerce logo. Most likely you don't want to leave this here, but you'd rather replace it with a logo for your store. How?
This article assumes you know a few basic things about managing your store, such as:
- Uploading and downloading with FTP
- Editing and saving PHP files
This article also assumes you have already created your new logo or had it done by someone else. Logo design is far beyond the scope!
Change the osCommerce Logo
Using your favorite FTP client, upload your logo to the /catalog/images/ directory of your store.
Download the file catalog/includes/header.php and open it in a text editor.
Find this code:
<td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'oscommerce.gif', 'osCommerce') . '</a>'; ?></td>
Most of this you want to leave exactly as it is. Replace oscommerce.gif with the name of your file. Make sure you leave in the single quotes (') as they are very important.
If you want, you can change the alt text of your image. This is the text that appears for those who use a text-based browser or a screen reader (such as blind people) to browse the web. The alt text is currently 'osCommerce' – you can change that to whatever you want. Again, the single quote characters are very important.
As an example, let's say my logo is called logo.jpg and my store is called “My Store.” I would rewrite the code to look like this:
<td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'logo.jpg', 'My Store') . '</a>'; ?></td>
Save this file and upload it back to your server. Reload the page in a web browser and your logo will appear!
