ASPX templates
Version 6.x > ASPX templates > Product Display View modes: 
User avatar
Member
Member
Aditya - 4/20/2012 4:42:14 AM
   
Product Display
Hi.,
How do I display list of products with Product Image, Description & Add to Cart button..?

Regards
Aditya

User avatar
Kentico Consulting
Kentico Consulting
kentico_borisp - 4/20/2012 9:04:15 AM
   
RE:Product Display
Hello,

You should be able to do this with our default product transformation.

<%@ Register Src="~/CMSModules/Ecommerce/Controls/ProductOptions/ShoppingCartItemSelector.ascx" TagName="CartItemSelector" TagPrefix="uc1" %>
<div class="ProductPreview">
<div class="ProductBox">
<div class="ProductImage">
<a href="<%# GetDocumentUrl() %>" style="display:block;" title="<%# ResHelper.LocalizeString(Convert.ToString(Eval("SKUName", true))) %>">
<%# EcommerceFunctions.GetProductImage(Eval("SKUImagePath"), 140, Eval("SKUName", true))%>
</a>
</div>
<a href="<%# GetDocumentUrl() %>" title="<%# ResHelper.LocalizeString(Convert.ToString(Eval("SKUName", true))) %>">
<span class="ProductTitle">
<%# HTMLEncode(ResHelper.LocalizeString(Convert.ToString(Eval("SKUName")))) %>
</span>
</a>
<div class="ProductPrice">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="left">
<%# GetSKUFormattedPrice(true, false) %>
</td>
<td class="right">
<uc1:CartItemSelector id="cartItemSelector" runat="server" SKUID='<%# ValidationHelper.GetInteger(Eval("SKUID"), 0) %>' SKUEnabled='<%# ValidationHelper.GetBoolean(Eval("SKUEnabled"), false) %>' AddToCartImageButton="button_add04.gif" ShowProductOptions="false" />
</td>
</tr>
</table>
</div>
<div class="ProductFooter">
</div>
</div>
</div>


I would recommend you to check out our sample e-commerce site in the products section to see a working example.

Best regards,
Boris Pocatko

User avatar
Member
Member
Aditya - 4/21/2012 12:11:09 AM
   
RE:Product Display
Hi,
Which webpart should I use to incorporate above code..?? Can u explain in brief..??

Regards,
Aditya

User avatar
Member
Member
kentico_michal - 4/22/2012 6:51:47 AM
   
RE:Product Display
Hi,

You can use standard Datalist web part. As it was suggested in the previous post, we would recommend you to check out our sample e-commerce site in the products section to see a working example. Here you can find instructions on how you can import a new E-commerce site: Website template

Best regards,
Michal Legen