Featured Product Layout Customization

[sakk]

I am a newbie to Oscommerce and I need some help regarding layout change in Featured Products on home page.

 

Here is link of my website http://www.mondijewelry.com/

 

I want the featured product to look like this http://www.mondijewelry.com/design.png

 

PHP Code is this:

 

$featured_prods_content = '<table border="0" width="100%" cellspacing="0" cellpadding="30">';

while ($featured_products = tep_db_fetch_array($featured_products_query)) {

$counter++;

 

if ($col === 0) {

$featured_prods_content .= '<tr>';

}

 

 

$featured_prods_content .= '<td width="33%" align="center" valign="top"><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $featured_products['products_id']) . '">' . tep_image(DIR_WS_IMAGES . $featured_products['products_image'], $featured_products['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a><br /><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $featured_products['products_id']) . '">' . $featured_products['products_name'] . '</a><br />' . $currencies->display_price($featured_products['products_price'], tep_get_tax_rate($featured_products['products_tax_class_id'])) . '<br><a href='. tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $featured_products['products_id']) . '><img src="http://www.mondijewelry.com/images/buynow.PNG" width="107" height="23">' .'</td></a>';

 

$col ++;

 

if (($col > 2) || ($counter == $num_featured_products)) {

$featured_prods_content .= '</tr>';

 

$col = 0;

}

}

 

$featured_prods_content .= '</table>';

 

While the HTML code for the layout looks like this:

 

<td width="24%"><img src="Images/pic1.jpg" width="158" height="225" /></td>

<td valign="top" width="76%"><table width="98%" border="0" align="right" cellpadding="0" cellspacing="0">

<tr>

<td class="textbold">LOREM IPSUM DOLORE <br />

LAOREETUMPRODUCT</td>

</tr>

<tr>

<td height="8"></td>

</tr>

<tr>

<td class="textbrown">Text he herere text he herere text he herere text he herere text he herere text he herere text </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td class="pinkbig">$499</td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td><img src="Images/detailbutt.jpg" width="47" height="23" /></td>

</tr>

<tr>

<td height="4"></td>

</tr>

<tr>

<td><img src="Images/addtocartbutt.jpg" width="70" height="23" /></td>

</tr>

</table></td>

 

 

Any help in this regard would be greatly appreciated. As it is too difficult for me to customize the above PHP code to incorporate the new layout HTML.

 

Please please help.

 

Thanks

Shiraz

[SermoJohn]

hi Shiraz,

 

I am a newbie in osCommerce as well, but I ve already got quite a good understanding on its code and my next step is to customize the template of my installation.

 

Did you start working on the template shown in the attached image? If so, do you have any tips for me that I will now start with the template customization?

 

Regards,

giannis