osCommerce Home | osCommerce eBook Store | osCommerce Tutorials

Step-By-Step osCommerce Template Customization Complete Guide Video Tutorials

osCommerce Version: 2.2 RC 2a

Buy a template and you will have only one template.
Teach yourself how to customize and you will have unlimited templates.

This is probably the most comprehensive step-by-step osCommerce customization video tutorial series. With over 5 hours of video, it will go through the process of customizing osCommerce, step-by-step, from beginning to the final template.

This step-by-step video tutorials will help you in your pursuit to learn to customize osCommerce template. By following the video tutorials step by step, you will be able to master how to customize osCommerce template with full confidence at the end.

Item No. Description Price  
SBS-CG-TF
Complete Package:
1. Video tutorials
2. Final template source files
$109.95
$19.95
Special Sales
SBS-CG-T Video tutorials only $89.95
$12.95
Special Sales
SBS-CG-F Final template source files only

Buy this item if you only want the template files to set up your osCommerce shop.

$29.95
$9.95
Special Sales
Total Video Tutorials: 35    Total Duration: 05:12:00
Tutorial Contents Duration
Step 1: Design Template Layout
1.1 Design and draft osc template   osCommerce template demo video 00:05:49
Step 2: Codes of often used links
2.1 Prepare list of link codes   osCommerce template demo video 00:08:52
Step 3: Study and arrange code of Quick Find Box
3.1 Prepare link code of quick find (part 1)   osCommerce template demo video 00:16:53
3.2 prepare link code of quick find (part 2)   osCommerce template demo video 00:06:41
3.3 prepare link code of quick find (part 3)   osCommerce template demo video 00:05:14
Step 4: Study and arrange code of New Products Module
4.1 New products module code study (part 1)   osCommerce demo video 00:06:38
4.2 New products module code study (part 2)   osCommerce demo video 00:05:15
4.3 New products module code study (part 3)   osCommerce demo video 00:14:45
4.4 New products module code study (part 4)   osCommerce demo video 00:08:05
4.5 New products module code study (part 5)   osCommerce demo video 00:03:00
4.6 New products module code study (part 6)   osCommerce demo video 00:15:30
4.7 New products module code study (part 7) 00:09:01
Step 5: Study and arrange code of Main Categories
5.1 Main categories code study (part 1)   osCommerce demo video 00:04:03
5.2 Main categories code study (part 2) 00:10:28
5.3 Main categories code study (part 3) 00:04:53
5.4 Main categories code study (part 4) 00:13:00
5.5 Main categories code study (part 5) 00:04:39
Step 6: Alignment and Width of Webpage
6.1 Align osCommerce webpage to center with a fixed width   osCommerce demo video 00:13:22
Step 7: Border and Background color of Webpage
7.1 Set border and body background color of webpage wrapper 00:05:33
Step 8: Footer Section Customization
8.1 Footer Section customization 00:21:47
Step 9: Header Section Customization
9.1 Header Section layout customization (part 1)   osCommerce demo video 00:09:37
9.2 Header Section layout customization (part 2)   osCommerce customize demo video 00:08:53
9.3 Header Section layout customization (part 3) 00:09:36
9.4 Header Section layout customization (part 4) 00:13:25
Step 10: Main Body Section General Customization
10.1 Main Body customization (part 1)   osCommerce demo video 00:05:29
10.2 Main Body customization (part 2) 00:09:43
10.3 Main Body customization (part 3) 00:09:40
10.4 Main Body customization (part 4) 00:01:31
Step 11: Main Body New Products Box Customization
11.1 Main Body New Products Display customization (part 1) 00:04:55
11.2 Main Body New Products Display customization (part 2) 00:06:31
Step 12: Left Column Customization
12.1 Left Column Section customization (part 1) 00:14:51
12.2 Left Column Section customization (part 2) 00:04:20
Step 13: Categories and Products Administration
13.1 Categories and Products administration 00:07:04
Step 14: Add Promotional Banners
14.1 Add promotional banners to header section 00:12:51
Step 15: Test Webpages with Different Browsers
15.1 Final testing with Firefox and Internet Explorer 00:07:49

Q. What is the file format of the video Tutorials?

A. The tutorials are high resolution MP4 videos formats, zipped in rar format using Windows WinRAR program.

Q. How can I know if my computer can extract or unzipped the tutorial files?

A. We have three zipped sample tutorials available to download. Please download the sample tutorials to see if your computer can extract the files, open and view the tutorials. Please don't complain the video files cannot be opened and ask for refund immediately after the download. The sample tutorials can be download at:

download osCommerce Flash Tutorial eBook

osCommerce default template

Template at start

osCommerce default template

Finished Template
(Without Promotion Banners)

osCommerce default template

Finished Template
(With Promotion Banners)