osCommerce v2.3.3 Tutorials | osCommerce eBook Store | osCommerce Tutorials | osCommerce Home

osCommerce Template Installation Guide

Template Number: OTE-233-001 oscommerce template

This is the default osCommerce template upon a fresh installation.

oscommerce v2.3.3 default template

STEP 1: Remove Unused Boxes from Left Column

1. Login your osCommerce Admin Panel.

2. Click on the Modules menu on the left navigation menu. Then select the Boxes sub-menu.

oscommerce install guide

3. Remove the Manufacturers, Quick Find (Search), What’s New and Information Boxes one by one from the Left Column.

4. Let's start with the Manufacturers Box.

5. Select the Manufacturers Box, then click on the Edit button.

oscommerce install guide

6. Disable (remove) the Manufactures Box by selecting the False radio button. Then click on the Save button.

oscommerce install guide

7. The Manufacturers Box was removed from the Left Column sucessfully.

oscommerce install guide

8. Repeat the same process to remove the Quick Find (Search), What’s New and Information Boxes one by one from the Left Column.

oscommerce install guide

STEP 2: Remove Unused Boxes from Right Column

1. Repeat the same processes as removing boxes from the Left Column. This time, remove the Shopping Cart, Reviews and Currencies boxes from the right column.

oscommerce install guide

STEP 3: Move the Special Box from the Right Column to the Left Column

1. Move the Special Box from the Right Column to the Left Column.

2. Select the Special Box, then click on the Edit button.

oscommerce install guide

3. Select the Left Column radio button. This will move the Special Box from the Right Column to Left Column. Then click on the Save button.

oscommerce install guide

4. The Special Box has been moved to the Left Column. The Right Column has also been removed too.

oscommerce install guide

STEP 4: Modify the New Products Display Quantity

1. You are still login your osCommerce Admin Panel.

2. Click on Maximum Values sub-menu under Configuration menu. Select New Products Module. Then click on the Edit button.

oscommerce install guide

3. Change “Maximum number of new products to display in a category” to 6. Then click on Save button.

oscommerce install guide

4. The New Products Display Section are now showing 6 products.

oscommerce install guide

STEP 5: Modify the Small Image Sizes of new Products Display

1. You are still login your osCommerce Admin Panel.

2. Click on the Images sub-menu under Configuration menu.

oscommerce install guide

3. Modify the Small Image Width and Small Image Height according to the size of your product images.

oscommerce install guide

NOTE:

i) Remember to maintain the correct proportion of your product image to avoid any distortion.

ii) Please be reminded that the width of each cell of New products is 220 pixels. Therefore the best Small Image Width should be something between 120 pixels and 160 pixels.

oscommerce install guide

iii) Always prepare the New Products images with some space around. Otherwise the images will stick to the cell.

Take our template as an example:

The product images of this template are 160 x 160 pixels. Therefore we set the small image size to 160 x 160 pixels.

oscommerce new product image

4. Select the Small Image Width. Then click on the Edit button.

oscommerce install guide

5. Change the Small Image Width to 160. Then click on Save button to save the changes.

oscommerce install guide

6. Repeat the same process. Also change the Small Image Height to 160.

oscommerce install guide

Note:

Also modify the Width and Height of Subcategory Images if required.

STEP 6: Manage Categories and Upload Products

1. Click on Catalog main menu. Then select Categories/Products sub-menu.

oscommerce install guide

The default categories and products are just for demonstration. Let's remove them.

2. Manage the Categories Name for your osCommerce store.

Tips:

You can manage the Categories Name in either way:
i) Delete all default Categories. Then create new Categories.
ii) Rename default Categories. Remove unwanted and unused Categories.

The first method is much easier and faster.

We prepared a lot of video tutorials about osCommerce Categories and Products Administration in our website. Therefore we will not go through the process in details here again. Please visit our website for the video tutorials for osCommerce Categories and Products Administration.

http://oscommerce-template-easy.com/general-admin-series/general-admin-series.html

3. The new Categories Name have been created.

oscommerce install guide

4. Add new products to each Categories one by one.

oscommerce install guide

Your osCommerce store is now look like:

oscommerce install guide

STEP 7: Copy All Template Files to osCommerce Store

1. Use any FTP client (e.g. WS_FTP) login your osCommerce web hosting account.

2. Transfer all template files to your corresponding folder of your osCommerce web hosting account.

oscommerce install guide

Done!

This is the homepage of your osCommerce store.

oscommerce install guide

This is the New Products page.

oscommerce install guide

This is the Shopping Cart page.

oscommerce install guide