Subversion Repositories SmartDukaan

Rev

Rev 2881 | Rev 3856 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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