InMotion Hosting Support Center

Default osCommerce 2.3.3 themeOnce you have the osCommerce Theme Switcher configured and you have the jQuery version updated, you can proceed with installing themes to your osCommerce site. The default theme is shown in the snapshot to the right. OsCommerce is different from other ecommerce software in that you use the jQuery Theme Roller theme builder from jQuery. Below is the instructions on how to install a theme in osCommerce.

The jQuery Theme Roller

To get a theme for your osCommerce, you will need to go to The jQuery Theme Roller site and either create your own theme or download one form the gallery. In this tutorial we will download the "Sunny" theme from the Theme Roller site.

  1. Go to the following url:

  2. Click the gallery link jquery theme rollor osCommerce 2.3.3 In the Theme Roller control box, click the Gallery tab.
  3. Download link for theme roller osCommerce 2.3.3Find the "Sunny" theme and click the "Download" link.
  4. Download the theme from theme roller osCommerce 2.3.3On the "Download Builder" page, Select 1.10.2 and click the Download link at the bottom of the page.

    You should have a .zip file named saved on your computer.

  5. Find the css file osCommerce 2.3.3Extract the .zip file on your computer. Navigate to the development-bundle/themes/sunny/ directory in the extracted jquery-ui-1.10.2.custom folder.

    Rename the following file:


    Rename to:

    rename the css file osCommerce 2.3.3


Upload the theme to your server

The next step in getting the theme on your server is to upload the theme to your server. Find the "sunny" folder in the following location in the extracted file on your computer.


Upload the theme to the following directory on your server in your osCommerce install directory:


Changing the osCommerce theme

  1. Log into your osCommerce Admin dashboard.
  2. Go to header tags osCommerce 2.3.3Go to Modules > Header Tags.
  3. Slect the theme switcher osCommerce 2.3.3Select the Theme Switcher Module.
  4. Edit the theme osCommerce 2.3.3Click Edit.
  5. Select the theme from the theme box osCommerce 2.3.3In the Theme box, you will see the "Sunny" theme in the list. Select the Theme.
  6. Save the theme selection osCommerce 2.3.3Click Save.

    Final Sunny theme osCommerce 2.3.3Now when you visit your osCommerce site you will see the Sunny theme load.

Was this article helpful?
Continued Education in Course 201: Changing your osCommerce appearance
You are viewing Section 3: Changing the theme in osCommerce
Section 2: Fixing the jQuery version in osCommerce
Section 4: Changing the osCommerce logo

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

0 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail:
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!