[dalmuti]

The product file to modify is product.tpl. But, I reduced all the code on in the template by creating separate files of each section of the product.tpl and then including them. Makes the code easier to read and follow.

So, I have a productdescription.tpl, a productoption.tpl....etc.

As far as the modification, I use Frontpage....just to get the visual design I want and then copy and paste into X-Cart...making sure not to get a bunch of extra code (as Frontpage is known for).

Here is my product.tpl code:

{* $Id: product.tpl,v 1.96.2.22 2005/06/03 05:46:02 mclap Exp $ *}
{if $active_modules.Special_Offers}
{include file="modules/Special_Offers/customer/product_offers_short_list.tpl" product=$product}
{/if}
{include file="form_validation_js.tpl"}
{if $product.product_type eq "C" && $active_modules.Product_Configurator}
{include file="modules/Product_Configurator/pconf_customer_product.tpl"}
{else}
{capture name=dialog}
<table border="0" width="760" align="center">
<FORM name="orderform" method="post" action="cart.php?mode=add" onsubmit="javascript: return FormValidation();">
<INPUT type="hidden" name="mode" value="add">
<INPUT type="hidden" name="addproductid" value="{$product.productid}">
<INPUT type="hidden" name="slot" value="{$smarty.get.slot}">
<INPUT type="hidden" name="amount" value="1"> 
<tr>
<td>
<table border="0" width="100%" id="table1">
<tr>
<td>
<table border="0" width="100%" id="table2">
<tr>
<td width="175" valign="top">{include file="customer/main/product_priceimage.tpl"}</td>
<td width="400" valign="top">{include file="customer/main/product_detailbox.tpl"}</td>
<td width="175" rowspan="2" valign="top">{include file="customer/main/product_boxoptions.tpl"}</td>
</tr>
<tr>
<td colspan="2">{include file="customer/main/product_description.tpl"}</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<INPUT type="hidden" name="productid" value="{$product.productid}">
<INPUT type="hidden" name="cat" value="{$smarty.get.cat|escape:"html"}">
<INPUT type="hidden" name="page" value="{$smarty.get.page|escape:"html"}">
</FORM>
</table>
{/capture}
{include file="dialog.tpl" title=$product.product content=$smarty.capture.dialog extra="width=100%"}
{/if}{if $active_modules.Customer_Reviews ne ""} {include file="modules/Customer_Reviews/vote_reviews.tpl" }
{/if}{include file="product_livehelp.tpl"}
{if $active_modules.Product_Options ne '' && $product_options ne ''}
<SCRIPT type="text/javascript" language="JavaScript 1.2">
check_options();
</SCRIPT>
{/if}

Hope it helps....to understand the concept.