Changing the Logo
Changing the Logo of a standard install of osCommerce is really easy - all you need to do is upload a new file to overwrite the exisitng file called store-logo.png
In this example, I have added a stripey green background to the area where the logo resides - in order to demonstrate what I mean;
As you can see, because the existing osCommerce logo has a white background, it looks bad. What I need to do is make a new logo that has a transparent background. Easy enough - I just open Photoshop and make a quick logo - I save it as a png24 file, and overwrite the old logo…
Now the logo area looks like this:
This is now looking much better, as the green stripes show through the transparent areas of the logo that I made. Much better!
However, some older browsers just cannot handle PNG files at all well - a prime example of which is Internet Explorer 6 - which a lot of people still use. In IE6, that same logo looks like this:
As you can see, this is very ugly - so we have two options;
- Change from PNG to GIF (gif files have transparency available)
- Use Javascript to remove the grey background and make it transparent
I'll explain these two options more in-depth in my next blog post.
Good post Gary. I just finished using the Javascript fix in a website full of png files so they all look like the designer wanted.
Looks great, but what a pain ie6 is…
I can't wait for it to become obsolete…
Comment by Luciano — May 10, 2008 @ 12:16 am
Luciano - I know your pain. IE sucks.
Comment by Gary — May 10, 2008 @ 6:58 am