Kripke Template for 2.3.3.4

Here’s the latest in my line of templates for 2.3.3.4 which I’ve called “Kripke”…

kripke-main

Header Area

I’ve included the breadcrumb in the header area and also a “logged in” message which has been something under discussion in the official osCommerce forum;

kripke-header

Main Content Area

I have recoded the “new products” and categories “products listing” module from scratch to utilise a more semantically correct “list” of products, example.

kripke-new-products

In the product page, I have removed the “bx gallery” in favour of a custom coded gallery which gives better results in my opinion (example; you can click on the main image or any of the thumbnails).

Footer Area

Contains a nice looking “social” and “payment” box as well as information, contact details and so on.

Other bits and pieces

Index page has a slider system of images (that fade in and out), which is controlled by the usual Banner Manager system. I’ve also made some changes in the categories box to output a line between each category and some arrow icons in each box. Shopping cart box in the header is interactive, showing buttons when a checkout is available.

Compare Products Side By Side

I’ve been spending a lot of time recently looking at other shopping cart software, particularly Magento and Opencart and Prestashop to see how they’ve gone beyond “here’s a product, here’s a buy button”.

In Magento and Opencart I particularly like their “compare this product to this product” feature, where the person browsing the shop can add 2 or more products and then see those products listed on a page with their specifications and so on. Pretty much it’s a nice way to allow the customer to decide if they would like to purchase prodcut A or product B easily…

In Magento

magento-compare

In Opencart

opencart-compare

As you can see, the products are side by side ready for the shopper to make a buying decision. We don’t have this in osCommerce other than some older addon that I don’t want to use.

So I set out to create something like these. I pretty much based it on the Magento one as the Magento product compare also has a nice little infobox which I particularly like;

magento-box

I started the modifications late last night, it took some thinking about, but pleased to say that I have something workable – it needs more polishing (which is where you guys come in)…

In osCommerce

oscommerce-compare

How does it work ?

Adding a Product to the Compare List..

On each product page (and product listings) there is a new button “Compare”.

oscommece-button

Clicking this button adds the product to the compare list. This also invokes a new infoBox:

oscommerce-box

In the infoBox is a link to the actual “Compare Products” page as shown above.

Removing a Product from the list..

A product can be removed from the list in the following places; the new infoBox, the product listing page, the product page, the compare products page.

Invitation to test the new system

If you want to have a play with the system, hit my test shop. Let me know your thoughts by responding to this blog post. Thanks.

Stuart Template for 2.3.3.4 osCommerce

My latest template can now be seen here. I’ve called it “Stuart” after the comic book guy in Big Bang Theory.

stuart

As you can see it is a “minimal” theme ready for you to build on in any way you wish. The side column infoboxes can of course be added back in should you wish and colour scheme is very easy to change.

Header Area

Very minimal, with a custom coded Cart and Buttons to “create account” and “login”, and of course when logged in “view account” and “log off”. Notice also that the cart icon changes when a product is placed into the cart, and the checkout link becomes “active” as well – have a look by placing a product into the cart.

Main Content Area

I have recoded the “new products” module from scratch to utilise a more semantically correct “list” of products. Buttons can of course easily be made smaller, just by amending 1 line of css code.

In the product page, I have removed the “bx gallery” in favour of a custom coded gallery which gives better results in my opinion (example; you can click on the main image or any of the thumbnails).

Titles

I have used a custom font which I believe looks good. This is very simple to change if you do not like it.

Footer Area

Contains a nice looking “social” box as well as a redesigned listing of categories, information, contact details and so on.

Final thoughts

As you can see the Stuart template is quite a departure from the normal osCommerce look and will make your site look very professional inside 30 seconds – as that is how long it takes to install on a new osCommerce 2.3.3.4 (will also work with any version of osCommerce from 2.3.1 onwards).

My overall idea for the template is to take away the “clutter” of normal osCommerce, and instead concentrate solely on the products you are selling.

Have a look, and if you are ready to take your shop to the next level by installing this template (or indeed any of my other templates), go to my osCommerce Templates site and press the buy button (it’s only £16, about $25usd).