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:

    http://jqueryui.com/themeroller/.

  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 jquery-ui-1.10.2.custom.zip 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:

    jquery-ui.css.


    Rename to:

    rename the css file osCommerce 2.3.3

    jquery-ui-1.10.2.css.


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.

development-bundle/themes/sunny

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

/ext/jquery/ui

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.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve our Support Center:
Email Address
Optional, but our team may contact you for more information.
Like this Article?

Post a Comment

Name:
Email Address:
Comment:
Are you a bot?
Submit

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

Write New!
Do you want to publish a tutorial to our support center?

News / Announcements

SSL Certficate Warnings
Updated 2014-04-14 11:34 am EST
Hits: 2218
Heartbleed 0-day OpenSSL security bug
Updated 2014-04-14 04:43 pm EST
Hits: 5640

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

Need more Help?

Search

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: support@InMotionHosting.com
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!