Hi All,
I am building a project in which I have to give user a functionality of shopping cart. I am able to create a shopping cart but I am getting a problem of displaying the shopping cart smoothly. The issue is that all of my products are inside a data list and on item Command event of data list I am inserting the products into the cart. The popping in and out is done by using java script entity not a function. Now when I use a button with a command name than it picks the new product but java script doesn't works and if I use link button java script works but it doesn't allow me to add anything to cart means cart pops up empty. Where am I getting wrong ???
Is this even a proper way of implementing a shopping cart ??? Here is my data list html mark up :
<asp:DataList ID="DataList1" runat="server" OnItemDataBound="DataList1_ItemDataBound"
OnItemCommand="DataList1_ItemCommand">
<ItemTemplate>
<div class="prdt_div">
<div class="prd_img">
<a class="jqzoom" rel='gal1' title="Earrings" runat="server" id="img1">
<img src="~/images/thumb/er_sm02.jpg" alt="" runat="server" id="img_thumb" /></a>
</div>
<div class="prd_descrip">
<ul>
<li class="titl">
<asp:Label runat="server" ID="lbl_ProdName" Text='<%# Eval("Product_Name") %>'></asp:Label></span></li>
<li>Our Price: <span>
<asp:Label runat="server" ID="lbl_price" Text='<%# Eval("Price_INR") %>'></asp:Label></span></li>
<li>Qty:
<asp:Label runat="server" ID="lbl_quntity" Text='<%# Eval("Quantity") %>'></asp:Label>
</li>
<li><a href="" data-reveal-id="myModal" runat="server" id="order" önserverclick="anchor1_serverclick">cart show </a>
<asp:Button ID="lbkBtnADD" CssClass="order_now" CommandName="Select" runat="server" OnClientClick="data-reveal-id:myModal"></asp:Button>
<asp:Label runat="server" ID="lblProdID" Text='<%# Eval("Id") %>' Style="visibility: hidden;"></asp:Label>
</ul>
</div>
</div>
</ItemTemplate>
</asp:DataList>
This is my iframe which i pop up using div through javascript:
<div id="myModal" class="reveal-modal">
<h2>
my cart - <span>You now have <span class="item">5 item(s)</span> in your cart</span></h2>
<iframe src="../shopping-cart.aspx" width="600" height="168" scrolling="auto" frameborder="0">
</iframe>
<p class="grand_total">
Grand Total (INR) : <span>4800</span></p>
<a class="close-reveal-modal">
<img src="../images/corss-red.png" /></a>
<table width="100%">
<tr>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td width="100%" align="right">
<span style="padding: 10px 10px 0 0;">
<asp:ImageButton ID="imgContiShopping" CssClass="close-reveal-modal continue_shoping"
Height="30px" Width="80px" ImageUrl="~/images/Continue.jpeg" runat="server" OnClick="imgContiShopping_Click" /></span>
<span style="padding: 10px 10px 0 0;">
<asp:ImageButton ID="imgCheckOut" CssClass="close-reveal-modal checkout_bt" Height="30px"
Width="80px" ImageUrl="~/images/CheckOut.jpeg" runat="server" OnClick="imgCheckOut_Click" /></span>
</td>
</tr>
</table>
</div>
And this is my code behind:
if (e.CommandName == "Select")
{
int iProductId = Convert.ToInt32(((Label)e.Item.FindControl("lblProdID")).Text);
string str_ProdName = Convert.ToString(((Label)e.Item.FindControl("lbl_ProdName")).Text);
int iQuantity = Convert.ToInt32(((Label)e.Item.FindControl("lbl_quntity")).Text);
int i_Price = Convert.ToInt32(((Label)e.Item.FindControl("lbl_price")).Text);
string strImgUrl = Convert.ToString(((HtmlImage)e.Item.FindControl("img_thumb")).Src);
int iTotal = i_Price * iQuantity;
AddToCart(iProductId, str_ProdName, iQuantity, i_Price, iTotal, strImgUrl);
Response.Redirect("../shopping-cart.aspx");
}
Please help me !