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

We now need to do something with that “New Products for...” Box. There are a number of great contributions to allow you to put something in there that is much better than the standard Oscommerce Box.

I like my own piece of code, which you can get from http://www.oscbooks.com/samples/new_products.zip

You must follow the instructions as set out in that .zip file for it to work as intended!!! It's very important for you to take your time doing that. Adding in that code has made the page very long, so we need to go back into our Admin section and action the following: admin > configuration > maximum values > new products module > edit > { set to 3 } > update Next open up stylesheet.css and find the following:


.infoBox {
background: #b6b7cb;
}


Change it to:


.infoBox {
background: #cccccc;}


Find:


.infoBoxContents {
background: #f8f8f9;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}


Change to:


.infoBoxContents {
background: #fafafa;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}


Find:


TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff;
}


Change it to:


TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
background: transparent;
color: #000000;
}


What we have done here is make the Boxes in the pages the same background colour as the background of the page (#fafafa), and the border of those boxes the same colour as the Left Hand Side Column (#cccccc). There are only a few more changes to make. In stylesheet.css, find this:


TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #b6b7cb;

 

border-spacing: 1px;
}
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #b6b7cb;
color: #FFFFFF;
font-weight: bold;
}


And change it to:


TABLE.productListing {
border: 0px;
border-style: solid;
border-color: #cccccc;
border-spacing: 1px;
}
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #fafafa;
color: #000000;
font-weight: bold;
}


This gives style to the Shopping Cart Listings (and other listings). Now our new oscommerce template Shop looks like this: