About Club osCommerce

Showcasing osCommerce…the good, the bad and the ugly!

StumbleUpon It! DIGG It!

Changing the Logo

Written By Gary on May 04 2008 · Comments (2)

Buy Gary A Beer?
Buying me a "beer" helps me to keep my contributions updated and keep this blog alive - and you get a link from my homepage to your site. Cheers!


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.

2 Comments

  1. 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


  2. Luciano – I know your pain. IE sucks.

    Comment by Gary — May 10, 2008 @ 6:58 am


Leave a comment

RSS feed for comments on this post · TrackBack URL

Hot 100 osCommerce Shops

View the osCommerce HOT 100These are the best looking, most exceptional osCommerce Stores as voted for by you.

New to osCommerce - get inspiration from these beautiful shops. Reckon your site has what it takes to become a member of the HOT 100? Submit it!