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.
- Download the newest version (at this time 1.9.1) from the link below:
- 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.
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.
- You will need extract the files on your local computer, open the folder and rename the following file:
- Next, rename the the following file in the jQueryUI files on your computer.
- Upload the /development-bundle/themes/redmond folder to your server in the following location on your server.
Configuring the Theme Switcher
- Log into your osCommerce Administrative Dashboard.
- 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.
Support Center Login
Social Media Login
Changing your osCommerce appearance
Changing the osCommerce theme
|1.||Installing the osCommerce Theme Switcher|
|2.||Fixing the jQuery version in osCommerce|
|3.||Changing the theme in osCommerce|
Changing the Banner and Logo in osCommerce
|4.||Changing the osCommerce logo|
|5.||How to change the banner in osCommerce|
|6.||Deleting or Disabling a Banner in osCommerce|
|7.||Managing Banners in osCommerce|
|8.||Managing your banners in osCommerce Video|
Editing the osCommerce footer, header and background
|9.||Removing the branding from the osCommerce footer|
|10.||Changing the content background style in osCommerce|
|11.||Changing the background image in osCommerce|
|12.||Editing your header and footer in osCommerce Video|
|13.||Editing your left and right columns in osCommerce Video|
2014-04-26 9:07 am
Carefully followed the directions - the ecommerce installation now has only half of the left column navigation visible - clicked on modules just takes me to a general information screen - no mudules.
2014-04-28 5:03 pm
Hello Mike, sorry to hear that you've encountered some problems with your osCommerce shop.
Unfortunately it would be a bit hard for us to troubleshoot your issues without seeing it ourselves. If you'd like to comment back on this article with the website you're having these issues on we can take a look and remove your domain name from the post before making it public.
This guide is over a year old, and there have been many updates to jQuery since then, so that could possibly be causing an issue. What version of osCommerce are you running on your website, and which version of jQuery?
2015-12-04 1:21 am
Thanks for the instructions. I was able to follow most of it except Step 2 of the jQueryUI 1.10.2 instructions (above). The instructions ask that the file - /js/jquery-ui-1.10.2.custom.min.js be renamed to /js/jquery-ui-1.10.2.min.js . Once the file is renamed, then what? I don't see any instructions indicating where it should be uploaded to. I've tried uploading to a couple of spots but keep getting an error message in the Header Tag Module, " The theme CSS file is the wrong version or missing!".
Any and all help appreciated.
2015-12-04 10:44 am
The location for the file to be loaded are in the first box above (step 2) - Upload the file to the following directory in your osCommerce installation.
I hope this helps to answer your question, please let us know if you require any further assistance.
2016-03-11 4:18 pm
This error is not remove please help me ??
above code is not helped to remove this error ?
The theme CSS file is the wrong version or missing!".
2016-03-11 6:22 pm
Can you please provide your URL so we can investigate the issue at hand? Have you also made sure that your CSS files are included in the theme pages?