10.16.2011

How to add an image to the new products module - Oscommerce 2.3.1

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:
 

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;}

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!





0 comments:

Post a Comment

Share it

Popular Posts

Total Pageviews