Adding a new products sticker image to oscommerce is easy and give shoppers some eye candy. This is just a short tutorial with some copy and paste code to further improve your stores design.
This is meant for oscommerce 2.3 but should work just as well on oscommerce 2.2
First rght-lick and save the image below:
This is meant for oscommerce 2.3 but should work just as well on oscommerce 2.2
First rght-lick and save the image below:
2 files need to be edited for this to work:
stylesheet.css
includes/modules/new_products.php
Step 1: Open catalog/stylesheet.css and paste this to the bottom:
.bung-new {
float: right;
position:relative;
width:46px;
height:46px;
right:3px;
top:3px;
background:url('images/bung-new.gif') 0px 0px no-repeat transparent;}
float: right;
position:relative;
width:46px;
height:46px;
right:3px;
top:3px;
background:url('images/bung-new.gif') 0px 0px no-repeat transparent;}
Step 2: Find code which looks like and paste once (you may have to play around with placement):
$new_prods_content .= '<td width="33%" valign="top">
After add:
<div class="bung-new"></div>
Step 3: Copy the "new product" image above to your catalog/images folder.
Now test in your browser and if all is well, then you should have an output like the below screenshot!






