ActiveEbiz

E-commerce and Responsive Web Design

  • Services
    • Magento Development
    • OpenCart Development
    • osCommerce Development
  • Contact
  • Support
  • News

January 17, 2012

Oscommerce 2.2 Design Tutorial

How to change the design of your osCommerce 2.2 shop?

The look of osCommerce 2.2 is fairly easy to change if you have some knowledge of HTML and/or PHP,  it usually only requires the change of 5 files.

1. includes/header.php
2. includes/footer.php
3. includes/column_left.php
4. includes/column_right.php
5. Stylesheet.css

Oscomerce Design Tips and Tricks.

 1. Go into your oscommerce web shop admin  under configuration >> My Store and set Show Category Counts to False and next go to Tools >> Banner Manager and delete the default oscommerce banner.

2. Upload your own logo to the image folder on the web server.

(Easy way name the logo oscommerce.gif , and it will automatically replace the default one)

If you want to have your own name for the logo, upload the logo with your own chosen name and do the following:

Open up the file header.php and change oscommerce.gif to your own image file name, and change this one ‘osCommerce’ to your store name. (the file is located in the includes folder)

It looks like this: (DIR_WS_IMAGES . ‘oscommerce.gif’, ‘osCommerce’)

3. Remove default oscommerce cartoonish icons by using this contribution, Remove Default Oscommerce Images

4. Remove the default oscommerce box corner images and replace them by transparent gifs, this you can do by using this contribution: Transparent Gifs

5. Now you are ready to change colors and/or text formating for your web shop, this is done in a file called stylesheet.css which is located in your main folder.

Further changes can be done by editing the individual .php page files in the shops main folder  or by using a oscommerce template contribution.

– Basic Design Pack

Not really a template system, but a collection of mods which makes customizing the design of you oscommerce web shop easier. Contains the tips mentioned abowe and much more as well as a new skin.

– Simple Template System (STS)

Template system for Oscommerce which lets you change the look and feel of your web shop by just editing a HTML template file. (Also contains other add ons and enhancments over a default oscommerce shop)

Att. This mod will in most cases increase the db query count of your oscommerce shop and it also makes adding further mods/contributions to the shop more complicated.

– Basic Template Structure (BTS)

A full blown template system for oscommerce 2.2 Millstone, lets you controll the design based on 1 main template file aswell as having indiviual page template files for further individual customization.

Att. This template system changes your oscommerce web shop quite a bit and as such makes adding further mods/contributions more complicated.

Share on FacebookShare on TwitterShare on Linkedin

Article by aebiz / Oscommerce Tips & Tricks Leave a Comment

Do you need professional web services?

Contact us to discuss an idea/project or for a free, no-obligation quote.

Contact Us

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Get a Free, No-obligation Quote

Do you want to know what we can do for you and if we fit into your budget?

Get a quote

Search

Latests News

  • Magento 1.x PHP 7.2 Support
  • Magento and GDPR Compliance
  • GDPR Compliance for Ecommerce
  • osCommerce Online Merchant Community Bootstrap Edition Final
  • Running Magento 1.9.x on PHP 7

Ecommerce

  • Magento
  • osCommerce
  • OpenCart

About Us

  • About
  • Partners
  • Client Testimonials

Support

  • Support
  • Contact

Blog

  • News
  • Tips & tricks

© Copyright 2025 ActiveEbiz · All Rights Reserved · All Logos & Trademark Belongs To Their Respective Owners