Oscommerce Design Tutorial

How to change the design of your oscommerce shop?

The look of osCommerce 2.2 Milstone 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/left_column.php
4. includes/right_column.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, infobox color changes easier

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.

This article was published on Sunday 20 August, 2006.
Current Reviews: 0
Write Review
Services Services
Solutions Solutions
Ecommerce Ecommerce
Seo Optimization Seo Optimization
Contact Us
News & Articles
Seo Optimized Oscommerce Templates
Site Map - All Articles - Links - Norwegian Site
Copyright ©2002-2008 Arcilon Technologies - All rights reserved.
RSS 2.0 Compliant W3C HTML 4.01 Compliant W3C CSS Compliant