OSCommerce on CSS v2.0

Replace the <table>'s

This site is OSCommerce Online Merchant v2.2 RC2a converted to css, v2.0. It was developed by Niora for their website. This file set replaces the OSCommerce html table structure with div's and css. This facilitates efficient web design and enhances search engine optimization. It can be downloaded from the OSCommerce website.

What Has Been Done:

The table structure was extracted from the php and replaced with css for each page. The existing file and page structure was preserved leaving the php the same relative places. The difference is that instead of being surrounded by a sea of nested tables, the code will be enclosed by one or two <span> or <div> tags.

Special Features New on Version 2.0:

960 Grid System

This new version, v2.0, incorporates the 960 grid system. The 960 grid system greatly facilitates alignment, proportion and layout issues. It speeds up design, creates consistency and solves cross browser problems.

Jquery/Json 'Add to Cart'

Click 'add to cart' and without the page refreshing a JQuery lightbox-like popup appears to let the customer know a product has been added to the cart. Complete with drop downs for options and links to 'continue' and 'checkout'.

JQuery Product Information Tabs

The product information page comes installed with tabbed panels. Infoboxes have been installed to fill the panels with product reviews, manufacturer info and more.

Jquery SuperFish NavBar

SuperFish Navigation Bar, UI Tabs, Jquery/Json 'Add to Cart' and also on the products page.

Reorganized Stylesheets

Improved and simplified organization esp. in regards to the product listings makes them far easier to work with. V2.0 has Separate stylesheets for the jquery components, for text and for the 960 grid system.

InfoBoxes:

The infoboxes have been rewritten to operate inpendently. You can place any infobox anywhere and style it separately according to where it is located.

Buttons

Buttons are CSS generated and have their own stylesheet. This feature can revert to standard buttons easily.