Subversion Repositories SmartDukaan

Rev

Rev 18224 | Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
18211 naman 1
<script type="text/javascript" src="<?php echo $base_url;?>js/iscroll.js"></script>
2
<script type="text/javascript" src="<?php echo $base_url;?>js/profittill.js"></script>
3
<script type="text/javascript" src="<?php echo $base_url;?>js/checkout.js"></script> 
4
<script type="text/javascript" src="<?php echo $base_url;?>js/jquery.viewport.mini.js"></script>
5
 
6
<script>
7
$(document).ready(function(){
8
	var topmargin = $(".card").height();
9
	var value = " "+topmargin+"px 5px 5px 5px";
10
	$('#detailcontent').css("margin",value);
11
 
12
});
13
function loaded () {
14
	myScroll = new IScroll('#wrapper', { scrollX: true, scrollY: false, mouseWheel: true, click: true, tap: true });
15
	}
16
var a;
17
var b;
18
function togglelist(e, id) {
19
 
20
    var el = document.getElementById(id);
21
    if ((a != undefined) && (b != null) && (a != el)) {
22
        a.style.display = 'none';
23
        b.innerHTML = '+';
24
    }
25
    if (el.style.display != 'none') {
26
        el.style.display = 'none';
27
        e.currentTarget.children[1].innerHTML = '+';
28
    } else {
29
        el.style.display = '';
30
        e.currentTarget.children[1].innerHTML = '-';
31
    }
32
    a = el;
33
    b = e.currentTarget.children[1];
34
}
35
</script>
36
<style>
37
.pd-tab {
38
  background: #e5e6e0;
39
  color: #555555;
40
  text-transform: capitalize;
41
  padding: 7px 5px;
42
  font: 1.2em Helvetica, Arial, sans-serif;
43
  margin-bottom: 2px;
44
  width:100%;
45
}
46
.pd-tab span:nth-of-type(1) {
47
  float: left;
48
  margin-top: 3px;
49
}
50
.pd-tab span:nth-of-type(2) {
51
  float: right;
52
  font: 1.2em Helvetica, Arial, sans-serif;
53
}
54
.pd-tab-open {
55
  width:90%;
56
  margin: 10px;
57
}
58
.pd-tab-open table {
59
  border: #f2f3ef solid 1px;
60
  width: 99%;
61
  border-collapse: collapse;
62
  color: #555555;
63
  margin-bottom: 10px;
64
}
65
.pd-tab-open table th {
66
  background: #f2f3ef;
67
  font: 1em Helvetica, Arial, sans-serif;
68
  padding: 5px 0 5px 5px;
69
  text-align: left;
70
}
71
.pd-tab-open table td {
72
  font: 1em Helvetica, Arial, sans-serif;
73
  text-align: center;
74
  border-bottom: #f2f3ef solid 1px;
75
  padding: 5px 3px;
76
}
77
.pd-tab-open table td:nth-of-type(1) {
78
  border-right: #f2f3ef solid 1px;
79
  text-align: left;
80
  width: 25%;
81
}
82
.pd-tab-open table td:nth-of-type(2) {
83
 
84
  text-align: left;
85
  padding-left: 4px;
86
  box-sizing: border-box;
87
  -webkit-box-sizing: border-box;
88
  -moz-box-sizing: border-box;
89
}
90
.pd-tab-open .detail-div {
91
  color: #555555;
92
  text-align: left;
93
  font: 1.2em Helvetica, Arial, sans-serif;
94
}
95
 
96
#wrapper {
97
	position: absolute;
98
	z-index: 1;
99
	top: 5px;
100
	bottom: 48px;
101
	left: 0;
102
	width: 100%;
103
	height: 130px;
104
	overflow: hidden;
105
}
106
 
107
#scroller {
108
	position: absolute;
109
	z-index: 1;
110
	-webkit-tap-highlight-color: rgba(0,0,0,0);
111
	/*width: 560px;*/
112
 
113
 
114
	-webkit-transform: translateZ(0);
115
	-moz-transform: translateZ(0);
116
	-ms-transform: translateZ(0);
117
	-o-transform: translateZ(0);
118
	transform: translateZ(0);
119
	-webkit-touch-callout: none;
120
	-webkit-user-select: none;
121
	-moz-user-select: none;
122
	-ms-user-select: none;
123
	user-select: none;
124
	-webkit-text-size-adjust: none;
125
	-moz-text-size-adjust: none;
126
	-ms-text-size-adjust: none;
127
	-o-text-size-adjust: none;
128
	text-size-adjust: none;
129
}
130
 
131
#scroller ul {
132
	list-style: none;
133
	padding: 0;
134
	margin: 0;
135
	width: 100%;
136
 
137
	text-align: center;
138
}
139
 
140
#scroller li {
141
	display: block;
142
	float: left;
143
	width: 140px;
144
 
145
	border-right: 1px solid #ccc;
146
	background-color: #fafafa;
147
	font-size: 14px;
148
}
149
.pd-images {
150
  padding: 5px 10px;
151
 
152
  border: #f1f1f1 solid 1
153
}
154
 
155
.goback {z-index:10; height: 32px; width: 32px; position: absolute;top:120px;padding:4px;}
156
</style>
157
 
158
<div class="row card" style="position:fixed;width:100%;z-index:2;top:-5px;">
159
<div class="subcard">
160
        <div class="col-xs-4 productimage">
161
          <?php if($key == 0):?>
162
	          <div class="img-overlay">
163
	          <div class="product_actions likeit" data-id="<?php echo $deal['_id'];?>" name="likediv_<?php echo $deal['_id'];?>">
164
	            <span class="likedeal <?php if(isset($likedDeals[$deal['_id']])):?>active<?php endif;?>">
165
	            </span>
166
	          </div>
167
	          <div class="productthumb viewproduct" data-url="<?php echo $deal['marketPlaceUrl'];?>" data-id="<?php echo $deal['_id'];?>" data-source="<?php echo $deal['source_id'];?>" data-price="<?php echo intval($deal['available_price']);?>">
168
	          <img src="<?php echo $base_url;?>app/webroot/timthumb.php?src=<?php echo urlencode($deal['thumbnail']);?>&h=100&q=95" />
169
	          </div>
170
	          <div class="product_actions dislikeit" data-id="<?php echo $deal['_id'];?>" name="dislikediv_<?php echo $deal['_id'];?>">
171
	            <span class="dislikedeal <?php if(isset($disLikedDeals[$deal['_id']])):?>active<?php endif;?>">
172
	            </span>
173
	          </div>
174
 
175
			  </div>
176
 
177
	        <?php else:?>
178
	          <span class="pull-right arrowright"></span>
179
	        <?php endif;?>
180
 
181
        </div>
182
 
183
		<div class="col-xs-8 <?php if($key == 0):?>productdetails<?php else:?>productsmalldetails<?php endif;?>" data-id="<?php echo $deal['_id'];?>">
184
			<?php if($key == 0):?>
185
			<div class="product_title">
186
          		<h5 class="producttitle viewproduct" data-id="<?php echo $deal['_id'];?>" data-url="<?php echo $deal['marketPlaceUrl'];?>" data-source="<?php echo $deal['source_id'];?>" data-price="<?php echo intval($deal['available_price']);?>">
187
            	<?php echo $deal['source_product_name'];?>
188
          		</h5>
189
			</div>
190
 
191
			<?php endif;?>
192
			<div class="col-xs-6 productpricedetails" style="position:relative;min-height:70px;padding-bottom:20px;">
193
				<?php if($key == 0):?>
194
				<div class="viewproduct <?php if(strlen(strip_tags($deal['tagline'],'<p>')) == strlen($deal['tagline'])):?>product_short_description<?php endif;?> <?php if(!isset($deal['tagline'])):?>hidden<?php endif;?>" data-id="<?php echo $deal['_id'];?>" data-source="<?php echo $deal['source_id'];?>"  data-url="<?php echo $deal['marketPlaceUrl'];?>" data-price="<?php echo intval($deal['available_price']);?>">
195
	            <?php //echo $deal['tagline'];?>
196
	            <?php 
197
	                $str1=preg_replace('/<\/p>/i', '', $deal['tagline']);
198
	                if($str1 != $deal['tagline']) {
199
	                  $str=preg_replace('/<p[^>]*>/i', '', $str1);
200
	                  echo $str;
201
	                } else {
202
	                  echo $deal['tagline'];
203
	                }
204
	            ?>
205
	          	</div>
206
	          	<?php endif;?>
207
				<?php if((isset($deal['showMrp']) && ($deal['showMrp']==1) && isset($deal['mrp']) && ($deal['mrp']>0))) :?>
208
		          <div class="text-small">
209
 
210
		            <?php if(isset($deal['showMrp']) && ($deal['showMrp']==1) && isset($deal['mrp']) && ($deal['mrp']>0)):?>
211
		              <?php if(isset($deal['quantity']) && $deal['quantity']>1):?>
212
		                MRP <span class="cashbackrupee"></span> <?php echo round(($deal['mrp']/$deal['quantity']), 2);?>/- per unit.
213
                    <!-- (Total <span class="cashbackrupee"></span> <?php //echo $deal['mrp']?>) -->
214
		              <?php else:?> 
215
		                MRP <span class="cashbackrupee"></span><?php echo $deal['mrp'];?>
216
		              <?php endif;?>
217
		            <?php endif;?>
218
 
219
		          </div>
220
		           <?php endif;?>
221
 
222
		        <?php if (isset($deal['availabilityInfo'][0]['bulkPricing']) && !empty($deal['availabilityInfo'][0]['bulkPricing'])):?>
223
 
224
                    <?php foreach(array_reverse($deal['availabilityInfo'][0]['bulkPricing']) AS $value):?>
225
                      <div class="text-small">
226
 
227
                        <?php if(isset($deal['quantity']) && $deal['quantity']>1):?>
228
							<span class="rupee"></span><span style="font-size:14px; color:#ff0000"><strong><?php echo ($value['price']/($deal['quantity']*$value['quantity']));?></strong></span> /- per unit for 
229
                          <?php echo $deal['quantity']*$value['quantity'];?> pcs.                      
230
                        <?php else:?>
231
                          <span class="rupee"></span><span style="font-size:14px; color:#ff0000"><strong><?php echo $value['price'];?></strong></span> /- per unit for <?php echo $value['quantity'];?> pcs.
232
                        <?php endif;?>
233
                      </div>
234
                    <?php endforeach;?>
235
 
236
            <?php endif;?>
237
 
238
		        <?php if(isset($deal['ppq']) && !empty($deal['ppq']) &&($deal['ppq']>0)):?>
239
		           <div class="text-small">
240
 
241
		              <span class="rupee"></span><span style="font-size:14px; color:#ff0000"><strong><?php echo $deal['ppq'];?></strong></span> /- per unit 
242
		              <?php if(isset($deal['quantity']) && $deal['quantity']>1):?>
243
 
244
                      <font style="size:12px;"><?php echo "for ".$deal['quantity']." pcs.";?></font>                      
245
                    <?php endif;?>
246
		            </div>
247
		          <?php endif;?>
248
 
249
		        <div <?php if(!empty($deal['coupon'])):?>style="margin:0 !important"<?php endif;?> class="product_prices viewproduct" data-id="<?php echo $deal['_id'];?>" data-source="<?php echo $deal['source_id'];?>" data-url="<?php echo $deal['marketPlaceUrl'];?>" data-price="<?php echo intval($deal['available_price']);?>" <?php if($key > 0):?>style='margin:0;'<?php endif;?>>
250
		            <div>
251
		              <?php if($key == 0 && isset($deal['showDp']) && $deal['showDp']==1 && !empty($deal['dp'])):?>
252
		              <div class="dp">DP <span class="cashbackrupee"></span> <?php echo $deal['dp'];?></div>
253
		              <?php endif;?>
254
 
255
		              <?php if(isset($deal['cash_back_type']) && !empty($deal['cash_back_type']) && $deal['cash_back_type']!=0 && $deal['cash_back']>0):?>&nbsp;+
256
		                <?php if($deal['cash_back_type'] == 2):?>
257
		                  <span class="cashbackrupee"></span> <span class="cashback"><?php echo $deal['cash_back'];?></span>   
258
		                <?php else:?>
259
		                  <?php echo $deal['cash_back'];?> %
260
		                <?php endif;?> 
261
		                Cashback
262
		              <?php endif;?>
263
		            </div>
264
		          </div> 
265
 
266
		          <?php if(isset($deal['gross_price']) && $deal['gross_price']>$deal['available_price']):?>
267
		          <div class="text-small viewproduct" data-id="<?php echo $deal['_id'];?>" data-source="<?php echo $deal['source_id'];?>" data-url="<?php echo $deal['marketPlaceUrl'];?>" data-price="<?php echo intval($deal['available_price']);?>">
268
		            Paytm cashback <?php echo ($deal['gross_price']-$deal['available_price']);?><br/> Net Price = <span class='product_price'><span class="rupee"></span> <?php echo $deal['available_price'];?></span>
269
		          </div>
270
		          <?php endif;?>
271
 
272
		          <?php if(isset($deal['coupon']) && !empty($deal['coupon'])):?>
273
		          <div class="text-small viewproduct" data-id="<?php echo $deal['_id'];?>" data-source="<?php echo $deal['source_id'];?>" data-url="<?php echo $deal['marketPlaceUrl'];?>" data-price="<?php echo intval($deal['available_price']);?>">
274
		            Use Coupon <span class="red"><?php echo $deal['coupon'];?></span>
275
		          </div>
276
		          <?php endif;?>
277
 
278
		          <?php if(isset($deal['codAvailable']) && !$deal['codAvailable']):?>
279
		          <div class="text-small viewproduct" data-id="<?php echo $deal['_id'];?>" data-source="<?php echo $deal['source_id'];?>" data-url="<?php echo $deal['marketPlaceUrl'];?>" data-price="<?php echo intval($deal['available_price']);?>">
280
		            (COD not available)
281
		          </div>
282
		          <?php else:?>
283
		            <?php if($key!=0):?>
284
		            <div class="text-small viewproduct" data-id="<?php echo $deal['_id'];?>" data-source="<?php echo $deal['source_id'];?>" data-url="<?php echo $deal['marketPlaceUrl'];?>" data-price="<?php echo intval($deal['available_price']);?>">
285
		              (COD available)
286
		            </div>
287
		            <?php endif;?>
288
		          <?php endif;?>
289
 
290
		          <div class="dealoffer <?php if(!isset($deal['offer']) || empty($deal['offer'])):?>hidden<?php endif;?> row">
291
		              <div class="<?php if(strlen(strip_tags($deal['offer'],'<p>')) == strlen($deal['offer'])):?>offerhasnohtml<?php endif;?> offertext" data-fulltext="<?php echo strip_tags($deal['offer']);?>">              
292
		                <?php //echo $this->Text->truncate($deal['offer'],140);?>
293
		                <?php 
294
		                  if(strlen($deal['offer'])>0){
295
		                    echo $deal['offer'];
296
		                  } 
297
		                  else if($deal['source_id'] == 4){ 
298
		                    echo "Exclusive price @ProfitMandi";
299
		                  } 
300
		                ?>
301
		              </div>
302
 
303
		          </div>
304
 
305
		          <?php if(isset($deal['videoLink']) && !empty($deal['videoLink'])):?>
306
 
307
		          <div class="text-small" style = "padding-top:4px;padding-bottom:4px;">
308
		            <button type="button" class="btn btn-default btn-sm uvideo" data-source="<?php echo $deal['videoLink'];?>">
309
		              <span class="glyphicon glyphicon-play-circle"></span> Play Video
310
		            </button>
311
		          </div>
312
		          <?php endif;?>
313
 
314
 
315
		          <?php $colors=0;
316
		          $colorsAvailable = array();
317
		          if($deal['source_id']==4  && isset($deal['availabilityInfo']) && count($deal['availabilityInfo']) >1){
318
		              foreach ($deal['availabilityInfo'] as $key => $value){
319
		                  if($value['color']!=''){
320
		                     $colors= $colors+1;
321
		                     if($value['availability']>0){
322
		                     	array_push($colorsAvailable,$value);
323
		                     }
324
		                  }
325
		              }
326
		          }
327
		          ?>
328
		          	<?php if($colors>1 && count($colorsAvailable)>1):?>
329
		          	  <div  class="see_more_colors" data-id="<?php echo $deal['skuBundleId']?>">
330
		             <span class="morecolors"><u>View More Colors</u></span>
331
		            </div>
332
		          	<?php endif;?>
333
 
334
 
335
                <?php if(isset($deal['filterLink']) && !empty($deal['filterLink']) && isset($deal['filterText']) && !empty($deal['filterText'])):?>
336
                <div class='see_more_link' style='position:absolute; bottom: 0px;'>
337
                  <?php if(count($dealarray) >1):?>
338
                  <?php if($key == 1):?>
339
                  <a href = <?php echo $deal['filterLink'];?> style='color:#A8A5A5;'><u><?php echo $deal['filterText'];?></u></a>
340
                <?php endif;?>
341
                <?php else:?>
342
                  <a href = <?php echo $deal['filterLink'];?> style='color:#A8A5A5;'><u><?php echo $deal['filterText'];?></u></a>
343
 
344
                <?php endif;?>
345
                </div> 
346
 
347
        <?php endif;?>
348
 
349
			</div>
350
 
351
			<?php if($deal['source_id']==4):?>
352
			<?php if(isset($deal['availabilityInfo']) && count($deal['availabilityInfo'])>0 && $deal['availabilityInfo'][0]['maxQuantity']>0):?>
353
			<div class="col-xs-2 cartaddition">
354
				<div class="input-group number-spinner">
355
					<span class="input-group-btn data-up">
356
						<button class="btn btn-default plusqtybutton" data-minquantity="<?php echo $deal['availabilityInfo'][0]['minBuyQuantity'];?>" <?php printf('data-bulkpricing = "%s"',htmlspecialchars(json_encode($deal['availabilityInfo'][0]['bulkPricing']), ENT_QUOTES, 'UTF-8'));?> data-quantitystep="<?php echo $deal['availabilityInfo'][0]['quantityStep'];?>" data-id="<?php echo $deal['availabilityInfo'][0]['item_id'];?>" data-price="<?php echo intval($deal['availabilityInfo'][0]['sellingPrice']);?>" data-did="<?php echo $deal['_id'];?>" data-dir="up" data-name="<?php echo $deal['source_product_name'];?>" data-brand="<?php echo $deal['brand'];?>" data-identifier="<?php echo $deal['identifier']; ?>"><span class="glyphicon glyphicon-plus plusqty"></span></button>
357
					</span>
358
					<input type="text" class="itemquantity" value="0" min="0" max="<?php echo $deal['availabilityInfo'][0]['maxQuantity'];?>" data-did="<?php echo $deal['_id'];?>" autocomplete="off" readonly>
359
					<span class="input-group-btn data-dwn">
360
						<button class="btn btn-default minusqtybutton" data-minquantity="<?php echo $deal['availabilityInfo'][0]['minBuyQuantity'];?>" <?php printf('data-bulkpricing = "%s"',htmlspecialchars(json_encode($deal['availabilityInfo'][0]['bulkPricing']), ENT_QUOTES, 'UTF-8'));?> data-quantitystep="<?php echo $deal['availabilityInfo'][0]['quantityStep'];?>" data-id="<?php echo $deal['availabilityInfo'][0]['item_id'];?>" data-price="<?php echo intval($deal['availabilityInfo'][0]['sellingPrice']);?>" data-did="<?php echo $deal['_id'];?>" data-dir="dwn" data-name="<?php echo $deal['source_product_name'];?>" data-brand="<?php echo $deal['brand'];?>" data-identifier="<?php echo $deal['identifier']; ?>"><span class="glyphicon glyphicon-minus minusqty"></span></button>
361
					</span>
362
				</div>
363
			</div>
364
 
365
			<?php endif;?>	
366
	        <?php endif;?>
367
		</div>
368
 
369
 
370
      </div>
371
 
372
</div>
373
 
374
<div id = "detailcontent" style="background:white;position:relative;">
375
 
376
<div id="wrapper" style="background:white;">
377
	<div id="scroller" style='width: <?php echo count($dealinfo['entity']['images'])*140;?>px;'>
378
		<ul>
379
			<?php foreach($dealinfo['entity']['images'] as $image){?>
380
	          	<?php //echo $image['url'];?>
381
	          	<li class='pd-images'><img src="<?php echo $image['url'];?>" height="120px" width="120px"></li>
382
 
383
	         <?php } ?>
384
	    </ul>
385
	</div>
386
</div>	
387
<div style="position:absolute;top:135px;background:white;width:100%;">
388
<?php if(isset($dealinfo['entity']['keySpecs']) && !empty($dealinfo['entity']['keySpecs'])):?>
389
	<div class="pd-tab clearfix" >
390
	  <span>Highlights</span>
391
	</div>
392
 
393
	<div class="pd-tab-open" id="tab1">
394
	  <div class="detail-div">
395
	         <?php foreach($dealinfo['entity']['keySpecs'] as $value):?>
396
	         	<?php echo "<div>".$value."</div>";?>
397
	         <?php endforeach;?>   
398
	  </div>
399
	</div>
400
<?php endif;?>
401
 
402
<?php if(isset($dealinfo['entity']['packageContents']) && !empty($dealinfo['entity']['packageContents'])):?>
403
	<div class="pd-tab clearfix" >
404
	  <span>Package Contents</span>
405
	</div>
406
 
407
	<div class="pd-tab-open" id="tab1">
408
	  <div class="detail-div">
409
	         <?php foreach($dealinfo['entity']['packageContents'] as $value):?>
410
	         	<?php echo "<div>".$value."</div>";?>
411
	         <?php endforeach;?>   
412
	  </div>
413
	</div>
414
<?php endif;?>
415
 
416
<?php if(isset($dealinfo['entity']['detailedSpecs']) && !empty($dealinfo['entity']['detailedSpecs'])):?>
417
	<div class="pd-tab clearfix" onclick="togglelist(event,'tab2')">
418
	  <span>Detailed Specifications</span><span>+</span>
419
	</div>
420
 
421
	<div class="pd-tab-open" id="tab2" style="width:96%;display:none">
422
	  <div class="detail-div">
423
	         <?php foreach($dealinfo['entity']['detailedSpecs'] as $key=> $value):?>
424
	         	<table>
425
		          <tr>
426
		            <th colspan="2"><?php echo $value['title']; ?></th>
427
		          </tr>
428
		           <?php foreach ($value['specs'] as $item) {?>
429
		            <tr>
430
		              <td><?php echo $item['name'];?></td>
431
		              <td><?php echo implode('',$item['values']);?></td>
432
		            </tr>
433
		           <?php }?>
434
		        </table>
435
	         <?php endforeach;?>   
436
	  </div>
437
	</div>
438
<?php endif;?>
439
</div>
440
</div>
441
 
442
<?php echo $this->element('footer');?>
443
 
444
 
445
 
446