osCommerce Templates | Magento Themes | Free osCommerce Themes - eCommerce Engine

I'm thinking that it might be nice to enclose the osCommerce store inside a “box”. You'll notice that in the file /includes/header.php we have an unused stylesheet class named “outline” - we're going to use this to create a left and right border that extends down the full height of our shop. We are going to match the border to the “rust brown” colour of our logo!

So open up stylesheet.css and add:

.outline {
border-top-width: 0px;
border-bottom-width: 0px;
border-right-width: 1px;
border-left-width: 1px;
border-style: solid;
border-color: #663300;
}

This should be fairly self-explanatory! Also, the Page Headings are still standard Oscommerce store. We can change that by opening up stylesheet.css and finding the following code:

TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #9a9a9a;
}

Change it to:

TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #663300;
font-variant: small-caps;
}

I've also noticed that most of our links change to an awful grey colour when you place your mouseover them. Test this out on one of the Information InfoBox links. We can easily change this by finding:

A:hover {
color: #AABBDD;text-decoration: underline;
}

and changing it to:

A:hover {
color: #000000;
text-decoration: underline;
}

In this particular design, I don't really need the Manfacturers InfoBox, but I do need the Shopping Cart & Order History InfoBoxes. So open up /includes/column_left.php and remove this code:

if ((USE_CACHE == 'true') && empty($SID)) {
echo tep_cache_manufacturers_box();
} else {
include(DIR_WS_BOXES . 'manufacturers.php');
}

And add this code in it's place:

require(DIR_WS_BOXES . 'shopping_cart.php');
if (tep_session_is_registered('customer_id'))
include(DIR_WS_BOXES . 'order_history.php');

 

Your new osCommerce Template should now look like this:

http://www.site2templates.com/images/stories/68.jpg