| 410 |
rajveer |
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
2 |
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
3 |
<head>
|
|
|
4 |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
| 507 |
rajveer |
5 |
|
|
|
6 |
<!-- Prevent MS Office toolbar from changing layout -->
|
|
|
7 |
<meta http-equiv="imagetoolbar" content="false">
|
|
|
8 |
<meta name="MSSmartTagsPreventParsing" content="true">
|
|
|
9 |
|
| 793 |
rajveer |
10 |
<title>Saholic</title>
|
| 507 |
rajveer |
11 |
|
|
|
12 |
<!-- start of new code -->
|
|
|
13 |
|
| 1688 |
rajveer |
14 |
#include ( "templates/commoncssfiles.vm" )
|
| 507 |
rajveer |
15 |
|
|
|
16 |
</head>
|
| 413 |
rajveer |
17 |
|
| 507 |
rajveer |
18 |
<body>
|
|
|
19 |
<noscript>
|
|
|
20 |
<p id="noScript">Please allow <em>Javascript</em> in order to function this website correctly!</p>
|
|
|
21 |
</noscript>
|
| 413 |
rajveer |
22 |
|
| 507 |
rajveer |
23 |
$action.getHeaderSnippet()
|
|
|
24 |
<!-- Wrapper start -->
|
|
|
25 |
<div id="main">
|
|
|
26 |
$action.getMainMenuSnippet()
|
|
|
27 |
$action.getSearchBarSnippet()
|
| 413 |
rajveer |
28 |
|
| 507 |
rajveer |
29 |
<!-- wrapper-->
|
|
|
30 |
<div id="wrapper">
|
| 1981 |
varun.gupt |
31 |
<!-- Product detail -->
|
|
|
32 |
<div id="productDetail">
|
|
|
33 |
<div class="top">
|
|
|
34 |
<div class="left">
|
|
|
35 |
<div class="right"> </div>
|
|
|
36 |
</div>
|
|
|
37 |
</div>
|
|
|
38 |
<div class="middle">
|
|
|
39 |
<div class="content">
|
|
|
40 |
<ul id="midtop-leftNav">
|
|
|
41 |
<li><a class="current"><span class="cart">Cart Checkout</span></a></li>
|
|
|
42 |
<li>|</li>
|
|
|
43 |
<li><a><span class="shipping">My Shipping Details</span></a></li>
|
|
|
44 |
<li>|</li>
|
|
|
45 |
<li><a><span class="payment">Payment</span></a></li>
|
|
|
46 |
</ul>
|
|
|
47 |
<div class="clearBoth"></div>
|
|
|
48 |
</div>
|
|
|
49 |
</div>
|
|
|
50 |
<div class="bottom">
|
|
|
51 |
<div class="left">
|
|
|
52 |
<div class="right"> </div>
|
|
|
53 |
</div>
|
|
|
54 |
</div>
|
|
|
55 |
</div>
|
| 507 |
rajveer |
56 |
</div>
|
|
|
57 |
<!-- /wrapper-->
|
|
|
58 |
|
|
|
59 |
<!-- sidebar-->
|
|
|
60 |
<div id="sidebar">
|
|
|
61 |
$action.getCustomerServiceSnippet()
|
| 410 |
rajveer |
62 |
</div>
|
| 507 |
rajveer |
63 |
<div class="clearBoth"></div>
|
|
|
64 |
<!-- /sidebar-->
|
| 413 |
rajveer |
65 |
|
| 1981 |
varun.gupt |
66 |
<!-- Cart Details -->
|
|
|
67 |
#set($items = $action.getCartItems())
|
|
|
68 |
#if($items)
|
|
|
69 |
|
|
|
70 |
#set($totalamount = $action.getTotalAmount())
|
|
|
71 |
#set($pincode = $action.getPinCode())
|
|
|
72 |
#set($couponcode = $action.getCouponCode())
|
|
|
73 |
#set($discountedAmount = $action.getDiscountedAmount())
|
|
|
74 |
#set($errorMsg = $action.getErrorMsg())
|
|
|
75 |
<div id="registration">
|
|
|
76 |
<div class="top">
|
|
|
77 |
<div class="left">
|
|
|
78 |
<div class="right"> </div>
|
|
|
79 |
</div>
|
|
|
80 |
</div>
|
|
|
81 |
<div class="middle">
|
|
|
82 |
<div class="mid-inner">
|
|
|
83 |
<!-- Block 1 -->
|
|
|
84 |
<div class="padding-top17">
|
|
|
85 |
<p style="color:red;display:inline;"> $errorMsg</p>
|
|
|
86 |
<div class="cart-checkout">
|
|
|
87 |
<div class="bigImgButton yellow-image">
|
|
|
88 |
<a href="./shipping" class="button">Checkout</a>
|
|
|
89 |
<!--<input type="button" onClick="javascript:document.myCart.submit();" name="" id="" value="Checkout " class="button" />-->
|
|
|
90 |
</div>
|
|
|
91 |
</div>
|
|
|
92 |
<div class="clearBoth"></div>
|
|
|
93 |
<!-- Table-->
|
|
|
94 |
<div>
|
|
|
95 |
<form name="myCart" id="myCart" method="post" action="shipping">
|
|
|
96 |
<table cellpadding="0" cellspacing="0" width="100%" class="estimate-table" id="cartTable" >
|
|
|
97 |
<thead>
|
|
|
98 |
<tr>
|
|
|
99 |
<th width="33%">Item</th>
|
|
|
100 |
<th width="18%" class="shipTo"> <span class="floatLeft">Ships to</span>
|
|
|
101 |
<div class="cart-header-textbox textbox-image">
|
|
|
102 |
<input type="text" id="zipcode" name="zipcode" value="$pincode" class="textbox" maxlength="6" onblur="changeEstimate()" />
|
|
|
103 |
</div></th>
|
|
|
104 |
<th width="15%">Unit Price</th>
|
|
|
105 |
<th width="14%" class="quantity">Qty.</th>
|
|
|
106 |
<th class="last">Total Price</th>
|
|
|
107 |
</tr>
|
|
|
108 |
</thead>
|
|
|
109 |
<tbody>
|
|
|
110 |
#foreach($item in $items)
|
|
|
111 |
<tr>
|
|
|
112 |
<td class="phone-content">
|
|
|
113 |
<span id="$item.get("ITEM_ID")" class="pro">
|
|
|
114 |
<div>
|
|
|
115 |
<img src="/images/$item.get("CATALOG_ID")/thumbnail.jpg" alt="phone" />
|
|
|
116 |
</div>
|
|
|
117 |
<span>$item.get("ITEM_NAME")</span>
|
|
|
118 |
</span>
|
|
|
119 |
</td>
|
|
|
120 |
<!-- <td>within $item.get("SHIPPING_TIME") hours</td> -->
|
|
|
121 |
<td>
|
|
|
122 |
<div id="shipTime">
|
|
|
123 |
<span id="shipping_time_$item.get("ITEM_ID")">within <span id="days_$item.get("ITEM_ID")"> $item.get("SHIPPING_TIME")</span> business days</span>
|
|
|
124 |
</div>
|
|
|
125 |
</td>
|
|
|
126 |
<td>
|
|
|
127 |
Rs. $item.get("SELLING_PRICE")
|
|
|
128 |
</td>
|
|
|
129 |
<td class="quantity">
|
|
|
130 |
<div class="quantity-inner-content">
|
|
|
131 |
<div class="cart-item-textbox textbox-image">
|
|
|
132 |
<input type="text" id="cart-item-quantity" name="" value=$item.get("ITEM_QUANTITY") onblur=changeQty(this,'itemPrice$velocityCount','totalPrice$velocityCount') class="textbox" />
|
|
|
133 |
</div>
|
|
|
134 |
<img class="remove-quantitybttn" src="/images/nav-img/remove.png" />
|
|
|
135 |
</div>
|
|
|
136 |
</td>
|
|
|
137 |
<td id="totalPrice$velocityCount">
|
|
|
138 |
Rs. $item.get("TOTAL_PRICE")
|
|
|
139 |
<input type="hidden" value="$velocityCount" name="itemID$velocityCount" id="itemID$velocityCount" />
|
|
|
140 |
<input type="hidden" value=$item.get("SELLING_PRICE") name="itemPrice$velocityCount" id="itemPrice$velocityCount" />
|
|
|
141 |
</td>
|
|
|
142 |
</tr>
|
|
|
143 |
#end
|
| 2012 |
varun.gupt |
144 |
|
|
|
145 |
#if($couponcode != "")
|
|
|
146 |
#set($styleTotalAmount = "total-amount")
|
|
|
147 |
#else
|
|
|
148 |
#set($styleTotalAmount = "discounted-amount")
|
|
|
149 |
#end
|
| 1981 |
varun.gupt |
150 |
<tr align="right">
|
|
|
151 |
<td colspan="5" class="total-amount">
|
| 2012 |
varun.gupt |
152 |
<img src="/images/nav-img/free_shipping_cart.png" alt="free shipping" width="147" height="24" />
|
|
|
153 |
<span class="$styleTotalAmount">Total Amount: Rs. $totalamount </span>
|
| 1981 |
varun.gupt |
154 |
</td>
|
|
|
155 |
</tr>
|
|
|
156 |
#if($couponcode != "")
|
|
|
157 |
<tr align="right">
|
|
|
158 |
<td colspan="5" class="discounted-amount">
|
| 2012 |
varun.gupt |
159 |
<span id="discountedAmount">Amount Payable (After Discount): Rs. $discountedAmount </span>
|
| 1981 |
varun.gupt |
160 |
</td>
|
|
|
161 |
</tr>
|
|
|
162 |
#end
|
|
|
163 |
</tbody>
|
|
|
164 |
</table>
|
|
|
165 |
</form>
|
|
|
166 |
</div>
|
|
|
167 |
<!-- Table End-->
|
|
|
168 |
<div class="clearBoth"></div>
|
|
|
169 |
</div>
|
|
|
170 |
<!-- Block 1 End-->
|
|
|
171 |
<div class="clearBoth"></div>
|
|
|
172 |
<div class="padding-top17">
|
| 2013 |
varun.gupt |
173 |
<div id="containerFrmCouponCode" class="textbox-image">
|
|
|
174 |
<form id="frmCouponCode" action="/promotion" method="post">
|
|
|
175 |
<span style="float:left;font-weight:bold;">Coupon Code</span>
|
|
|
176 |
<input id="couponCode" class="textbox" type="text" name="coupon_code" maxlength="20" value="$couponcode" />
|
|
|
177 |
<input type="hidden" name="action" id="couponAction" />
|
|
|
178 |
<a id="applyCoupon" href="#">Apply</a>
|
|
|
179 |
#if($couponcode != "")
|
|
|
180 |
<a id="removeCoupon" href="#">Remove</a>
|
|
|
181 |
#end
|
|
|
182 |
</form>
|
|
|
183 |
</div>
|
| 1981 |
varun.gupt |
184 |
<div class="cart-checkout">
|
|
|
185 |
<div class="bigImgButton yellow-image">
|
|
|
186 |
<!-- <input type="submit" name="" onClick="javascript:document.myCart.submit();" id="" value="Checkout " class="button" /> -->
|
|
|
187 |
<a href="./shipping" class="button">Checkout</a>
|
|
|
188 |
</div>
|
|
|
189 |
</div>
|
|
|
190 |
</div>
|
| 2017 |
varun.gupt |
191 |
<br /><br />
|
| 1981 |
varun.gupt |
192 |
#set($messages = $action.getActionErrors())
|
|
|
193 |
|
|
|
194 |
#if($messages && $messages.size() != 0)
|
|
|
195 |
<p id="messageError">
|
|
|
196 |
#foreach($message in $messages)
|
|
|
197 |
$message <br>
|
|
|
198 |
#end
|
|
|
199 |
</p>
|
|
|
200 |
#end
|
|
|
201 |
</div>
|
|
|
202 |
<!-- mid inner end-->
|
|
|
203 |
</div>
|
|
|
204 |
<div class="bottom">
|
|
|
205 |
<div class="left">
|
|
|
206 |
<div class="right"> </div>
|
|
|
207 |
</div>
|
|
|
208 |
</div>
|
|
|
209 |
</div>
|
|
|
210 |
<!-- /Add Shipping Detail End-->
|
|
|
211 |
#else
|
|
|
212 |
<div id="registration">
|
|
|
213 |
<div class="top">
|
|
|
214 |
<div class="left">
|
|
|
215 |
<div class="right"> </div>
|
|
|
216 |
</div>
|
|
|
217 |
</div>
|
|
|
218 |
<div class="middle">
|
|
|
219 |
<div class="mid-inner">
|
|
|
220 |
<div id="emptyCart">
|
|
|
221 |
<!-- empty cart -->
|
|
|
222 |
<div id="emptyCart">
|
|
|
223 |
<img src="images/empty-cart.jpg" width="183" height="179" alt="" />
|
|
|
224 |
<br />
|
|
|
225 |
<p>
|
|
|
226 |
<strong>Your cart is currently empty!</strong> <span>Please add items to cart.</span>
|
|
|
227 |
</p>
|
|
|
228 |
<br />
|
|
|
229 |
<a href="/home">Back to Home</a>
|
|
|
230 |
</div>
|
|
|
231 |
<!-- /empty cart -->
|
|
|
232 |
</div>
|
|
|
233 |
</div>
|
|
|
234 |
</div>
|
|
|
235 |
<div class="bottom">
|
|
|
236 |
<div class="left">
|
|
|
237 |
<div class="right"> </div>
|
|
|
238 |
</div>
|
|
|
239 |
</div>
|
|
|
240 |
</div>
|
|
|
241 |
#end
|
|
|
242 |
<!-- /Cart Details -->
|
| 410 |
rajveer |
243 |
|
| 507 |
rajveer |
244 |
<div class="clearBoth"></div>
|
|
|
245 |
</div><!-- /main -->
|
|
|
246 |
|
|
|
247 |
$action.getFooterSnippet()
|
| 943 |
vikas |
248 |
|
|
|
249 |
#include ( "templates/commonjsfiles.vm" )
|
| 978 |
chandransh |
250 |
<script language="javascript" src="/js/cart-details.js" type="text/javascript"></script>
|
| 410 |
rajveer |
251 |
</body>
|
| 1688 |
rajveer |
252 |
</html>
|