osCommerce Home | osCommerce eBook Store | osCommerce Tutorials

osCommerce 2.3.3 Tutorials

After studying the latest version of osCommerce v2.3.3, the core file structure is basically the same as the previous version. Therefore this should be rather easy to follow up with osCommerce v2.3.3 if you have already read our tutorials and master the basic skill of template customization before.

At first glance, the major improvement of osCommerce new version v2.3.3 is that it begins using CSS styles, instead of using a lot of HTML tags like <table>, <tr>, <td>. This major improvement allows store owners to customize the template even much easier than previous versions.

Some files have been rearranged and rewritten a little. Actually the core file structure remains much the same, you should be very familiar with the codes and very easily to follow the changes.

Since many or most tutorials we prepared with previous osCommerce version ( 2.2 RC 2a) are still suitable for v2.3.3, we will only mainly focus on some topics with this version.

osCommerce v2.3.3 Tutorials

How to install osCommerce v2.3.3

General Customization Tutorials

osCommerce v2.3.3 960 Grid 24-Column Web Layout System

How to Change a New Logo with osCommerce v2.3.3

osCommerce v2.3.3 Modify the Width of Columns and Main Contents

osCommerce My Account / Login Page Customization

osCommerce v2.3.3 Shopping Cart Sub-page Customization

This osc Shopping Cart sub-page customization is extracted from a section of one of our our eBook. It shows, step by step, how to customize the design of the default layout of Whats In My Cart Sub-page.

The customization is same for osCommerce default template and other templates.

osc shopping cart page customization

What's In My Cart Sub-page Customization (Part 1)

What's In My Cart Sub-page Customization (Part 2)

What's In My Cart Sub-page Customization (Part 3)

What's In My Cart Sub-page Customization (Part 4)

What's In My Cart Sub-page Customization (Part 5)

What's In My Cart Sub-page Customization (Part 6)

osCommerce v2.3.3 Product Info Sub-page Customization

This osc Product Info page customization is also extracted from a section of one of our our eBook. It shows, step by step, how to customize the design of the default layout of Product Info Sub-page.

The customization is same for osCommerce default template and other templates.

osc shopping cart page customization

Product Info Sub-page Customization

Replace Product Listing HTML Tables with CSS Div Layers

The osCommerce Product Listing page is still using a lot of HTML <table>, <tr> and <td> tags which make customization of the design and layout a bit difficult. In this osCommerce tutorial, we are going to change or convert thel HTML tables in Product Listing page to CSS Div layers.

Product Listing Change to CSS Div Layers Customization Tutorial

osCommerce v2.3.3 File Structure Guide Tutorials

osC Homepage File Structure Overview Again

osC Homepage Codes Study in More Details

osC Homepage Codes Further Study and Play Around

 

oscommerce tutorial, oscommerce online shop, oscommerce template