For the last couple of months a small team of coders has been working on updating the shop side of osCommerce to be responsive…
What is responsive?
Responsive Web Design (RWD) is a Web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).
In easy to understand terms, the site changes “shape” if you visit in a mobile phone compared to an iPad compared to a desktop computer.
With that in mind, we had a lot of recoding to do, we pretty much pulled apart the cosmetic look of normal osCommerce and updated it to Responsive osCommerce. Have a look at the responsive version and see how it changes shape depending upon which device you are viewing it in…
Going so in-depth into the code, I also took the opportunity to update a few areas to make them more modern;
The Footer area (which is now modular and controlled from the Admin)
The Reviews (which has a top-down bottom-up overhaul)
The Header area (modularisation mostly implemented)
Other bits and pieces new to this version;
- New Category Tree Class
- Updated checkout experience
- New Card Icons
- New Infoboxes (contact us, generic text, customer services)
- Grid / List switching in category display
- and too much more to list…
Another important factor in todays online experience is the speed at which your page displays to your customers. We put together this version to be as fast as we could make it. Using “Gt Metrix” to test our changes we saw a great result:
Go ahead and try your own osCommerce site and compare your results…you’ll be shocked at the difference.
Changing the look of the site
Pretty much how osCommerce has always been as we did not yet have the time to build in a template system. With just a few changes to around 4 core files I built this:
I’m really pleased with how this project turned out. Shopowners now have a choice to use the normal 2.3 series osCommerce or to use the new Bootstrapped 2.3. It is possible to upgrade an existing osCommerce shop from normal to Bootstrap, and this Bootstrap version has a massive advantage in that all of the existing addons are useable with it.
So, have a look at the test site. Feel free to fork the codebase or to download the master zip. Install as you would any osCommerce, then go into Admin and turn on the relevant boxes that you would like to show and relevant Header Tags.