Fixing the jQuery version in osCommerce

When installing the Theme Switcher on your osCommerce site, you will encounter errors regarding the jQuery files not being found. Please see the snapshot to the right. This is because when the osCommerce was released, the version was changed. This article will explain how to update your osCommerce to the newest version of jQuery.

The versions of jQuery at the time of this article are the jQuery 1.9.1 and the jQuery UI 1.10.2.

Steps to update your osCommerce jQuery

First you will need to get the newest versions of jQuery. Below are the steps to update the newest versions of jQuery and jQueryUI.

jQuery 1.9.1

1. Download the newest version (at this time 1.9.1) from the link below:

   jQuery

2. You should have a file named jquery-1.9.1.min.js on your desktop. Upload the file to the following directory in your osCommerce installation.

   /ext/jquery/

jQueryUI 1.10.2

Next you will need to get the jQueryUI files. Download the newest jQueryUI (At this time 1.10.2) from the link below

jQueryUI

Select 1.10.2 and select the Redmond theme from the drop box and click download. See image to the right. When you download the .zip file you should have a file named jquery-ui-1.10.2.custom.

1. You will need extract the files on your local computer, open the folder and rename the following file:

   /development-bundle/themes/redmond/jquery-ui.css

   Rename to:

   /development-bundle/themes/redmond/jquery-ui-1.10.2.css

2. Next, rename the the following file in the jQueryUI files on your computer.

   /js/jquery-ui-1.10.2.custom.min.js

   Rename to:

   /js/jquery-ui-1.10.2.min.js

3. Upload the /development-bundle/themes/redmond folder to your server in the following location on your server.

   /ext/jquery/ui

Configuring the Theme Switcher

1. Log into your osCommerce Administrative Dashboard.
2. 

   Go to Modules > Header Tags on the right. Select the Theme Switcher module and click edit at the top of the module interface.

   When the screen loads you will see the default jQuery values in the “Jquery Version” and “Jquery UI Version” box. See image to the right.
   

   

   Change the Values to the new jQuery versions. See image to the right.

   Click Save.
   

   

   Now the red errors will be gone. If you still see the red errors, its because you did not rename the files correctly or you uploaded the files in the wrong location.