<div id="product_box">
<div id="inner_pro_info_box">
<div id="my_cart">
{if $msg != "" }<div id="msg_box">{$msg}</div>{/if}
{if $total_products !=0}
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#C4E1FF">
<tr>
<td width="65%" height="27" bgcolor="#C4E1FF"><strong>Product</strong></td>
<td width="10%"><strong>Price</strong></td>
<td width="15%"><strong>Quantity</strong></td>
<td width="10%"><strong>Subtotal</strong></td>
</tr>
{section name=cart_product_list loop=$cart_product_list}
<tr>
<td bgcolor="#FFFFFF"><img src="../product_images/{$cart_product_list[cart_product_list].product_image}" align="left" width="100" ><strong><a href="product.php?product_id={$cart_product_list[cart_product_list].product_id}&product_name={$cart_product_list[cart_product_list].product_name}">{$cart_product_list[cart_product_list].product_name}</a></strong><br />
{$cart_product_list[cart_product_list].product_description|truncate:145:"..."}</td>
<td bgcolor="#FFFFFF">${$cart_product_list[cart_product_list].product_price}</td>
<td bgcolor="#FFFFFF"><input name="product_qty_{$cart_product_list[cart_product_list].id}" id="product_qty_{$cart_product_list[cart_product_list].id}" type="text" size="3" value="{$cart_product_list[cart_product_list].product_qty}" style="width:35px" /> <a href="javascript:updateProductQty('product_qty_{$cart_product_list[cart_product_list].id}', '{$cart_product_list[cart_product_list].product_id}', {$cart_product_list[cart_product_list].id});">Update</a> <a href="javascript:deleteCartProduct('{$cart_product_list[cart_product_list].product_id}', {$cart_product_list[cart_product_list].id});" title="Delete cart product"><img src="images/icons/delete_icon_12x12.jpg" title="Delete cart product" border="0"/></a></td>
<td bgcolor="#FFFFFF">${$cart_product_list[cart_product_list].total}</td>
</tr>
{/section}
</table>
<table width="100%" cellpadding="5" cellspacing="0">
<tr>
<td height="40" bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
<td width="10%" align="center" bgcolor="#C4E1FF"><strong>Subtotal</strong></td>
<td width="10%" bgcolor="#C4E1FF"><strong>${$grand_total}</strong></td>
</tr>
</table>
{else}
<em>Your cart is empty</em>
{/if} </div>
{* related products *}
{if $total_products_related!=0}
<div id="related_product_box">
<h3>Related Products</h3>
{section name=related_product_list loop=$related_product_list}
{section name=related_product_image loop=$related_product_image}
{if $related_product_image[related_product_image].product_id == $related_product_list[related_product_list].product_id}
<a href="product.php?product_id={$related_product_list[related_product_list].product_id}&product_name={$related_product_list[related_product_list].product_name}"><img src="../product_images/{$related_product_image[related_product_image].image_filename}" border="0" width="70" align="left" hspace="3" /></a>
{/if}
{/section}
<strong><a href="product.php?product_id={$related_product_list[related_product_list].product_id}&product_name={$related_product_list[related_product_list].product_name}">{$related_product_list[related_product_list].product_name}</a></strong><br />
{$related_product_list[related_product_list].product_description|truncate:161:"..."}<br />
<strong>${$related_product_list[related_product_list].product_price}</strong><br />
<a href="javascript:addToCart('{$related_product_list[related_product_list].product_id}','{$related_product_list[related_product_list].product_name}')"><img src="images/btns/mini_add_to_cart_btn.gif" border="0" /></a><br />
<div id="update_my_cart_msg_{$related_product_list[related_product_list].product_id}" style="padding:5px; background-color:#FFFFCA; display:none; width:30%; border:1px solid #CCCCCC; margin-top:5px;"></div>
<div style="border-bottom:1px solid #CCCCCC; padding:10px;"></div>
{/section}
</div>
{/if}
{* end related *}
{* cross_selling products *}
{if $total_products_cross_selling!=0}
<div id="cross_selling_product_box">
<h3>Customers Also Bought</h3>
{section name=cross_selling_product_list loop=$cross_selling_product_list}
{section name=cross_selling_product_image loop=$cross_selling_product_image}
{if $cross_selling_product_image[cross_selling_product_image].product_id == $cross_selling_product_list[cross_selling_product_list].product_id}
<a href="product.php?product_id={$cross_selling_product_list[cross_selling_product_list].product_id}&product_name={$cross_selling_product_list[cross_selling_product_list].product_name}"><img src="../product_images/{$cross_selling_product_image[cross_selling_product_image].image_filename}" border="0" width="70" align="left" hspace="3" /></a>
{/if}
{/section}
<strong><a href="product.php?product_id={$cross_selling_product_list[cross_selling_product_list].product_id}&product_name={$cross_selling_product_list[cross_selling_product_list].product_name}">{$cross_selling_product_list[cross_selling_product_list].product_name}</a></strong><br />
{$cross_selling_product_list[cross_selling_product_list].product_description|truncate:161:"..."}<br />
<strong>${$cross_selling_product_list[cross_selling_product_list].product_price}</strong><br />
<a href="javascript:addToCart('{$cross_selling_product_list[cross_selling_product_list].product_id}','{$cross_selling_product_list[cross_selling_product_list].product_name}')"><img src="images/btns/mini_add_to_cart_btn.gif" border="0" /></a> <br />
<div id="update_my_cart_msg_{$cross_selling_product_list[cross_selling_product_list].product_id}" style="padding:5px; background-color:#FFFFCA; display:none; width:30%; border:1px solid #CCCCCC; margin-top:5px;"></div>
<div style="border-bottom:1px solid #CCCCCC; padding:10px;"></div>
{/section}
</div>
{/if}
{* end cross_selling *}
</div>
</div>