Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
10582 lgm 1
<?php
2
if(isset($product_details->entity) && !empty($product_details->entity)){
3
  $product_detail = $product_details->entity;
4
  if(isset($product_detail->items) && !empty($product_detail->items)) {
5
    $i=0;
6
     foreach ($product_detail->items as $item){
7
       if(isset($item->color) && !empty($item->color)){
8
          $color[$i]['color'] = $item->color;
9
          $color[$i]['id'] = $item->id;
10
          $i++;
11
       }
12
     }
13
  }
14
  $colorCount = sizeof($product_detail->items);
15
  $authorized = $this->session->userdata('authorized');
16
  if(isset($authorized) && !empty($authorized)){
17
    $pinCode = $authorized['pincode'];
18
  }
19
  elseif (isset($product_detail->pinCode) & !empty($product_detail->pinCode)) {
20
    $pinCode = $product_detail->pinCode;
21
  }
22
  $authorized = $this->session->userdata('authorized');
23
  if(isset($authorized['email']) && !empty($authorized['email'])){
24
    if(strpos($authorized['email'], 'anonymous') == false){
25
        $email = $authorized['email'];
26
    }
27
  }
28
  //print_r($product_detail);
29
?>  
30
<div id="error" class="error_msg" style="display:none"></div>    
31
<div class="pd_name">
32
        <div><?php echo $product_detail->title;?></div>
33
        <?php if(isset($product_detail->warranty) && !empty($product_detail->warranty))?>
34
        <div><?php echo $product_detail->warranty;?></div>
35
      </div><!--pd-name-->
36
      <?php if(count($product_detail->images) == 1){?>
37
      <div class="pd-images tcenter">
38
        <div class="pd-wrapper">
39
          <div class="pd-image" style="background:url('<?php echo $product_detail->images[0]->url;?>')no-repeat center center;background-size:contain;"></div>
40
        </div>
41
      </div><!--pd-images-->
42
      <?php } else{ ?>
43
      <div class="pd-images">
44
        <div class="pd-wrapper">
45
          <?php foreach($product_detail->images as $image){?>
46
          <div class="pd-image" style="background:url('<?php echo $image->url;?>')no-repeat center center;background-size:contain;"></div>
47
          <?php } ?>
48
        </div>
49
      </div><!--pd-images-->
50
      <?php } ?>
51
            <div class="pd-price-cont clearfix">
52
        <div class="btn-hldr clearfix">
53
          <?php if(isset($color) && !empty($color)){?>
54
          <div class="color-count">Choose Color(<?php echo $colorCount; ?>):</div> <?php } ?>
55
          <?php if(isset($color) && !empty($color)){?>
56
          <select id="color" onchange="updateColor(event)">
57
            <?php
58
            foreach ($color as $key => $value) { ?>
59
            <option value="<?php echo $value['id'];?>"><?php echo $value['color']; ?></option>
60
            <?php  }  ?>
61
          </select>
62
          <?php } ?>
63
 
64
        </div>
65
        <div class="price-hldr">
66
          <?php if(isset($product_detail->items[0]->mrp)) {?>
67
          <span></span><span id='mrp'><?php if($product_detail->items[0]->mrp != 0) echo $product_detail->items[0]->mrp;?></span><?php } ?>
68
          <?php if(isset($product_detail->items[0]->sellingPrice)) {?>
69
          <span id='sellingPrice'><?php echo $product_detail->items[0]->sellingPrice;?></span><?php } ?>
70
          <?php if(isset($product_detail->items[0]->discount) && !empty($product_detail->items[0]->discount)){?>
71
          <span id='discount'>(<?php echo $product_detail->items[0]->discount;?>% off)</span><?php } ?>
72
          <?php if(isset($product_detail->items[0]->minEmi)){?>
73
          <div id='emi'>EMI from Rs. <?php echo $product_detail->items[0]->minEmi;?> per month</div><?php } ?>
74
          <?php if(isset($product_detail->offerText)){?>
75
          <div class="pd-offer clearfix"><div>offer</div><div><?php echo $product_detail->offerText; ?></div></div><?php } ?>
76
        </div><!--price-hldr-->
77
      </div><!--pd-price-cont-->
78
            <input type="text" id="email" onFocus="clearError()" value="<?php if(isset($email) && !empty($email)) {echo $email;}?>" style="display:<?php if(strcasecmp($product_detail->items[0]->buttonText, 'notify me') == 0){ echo 'block';} else{ echo 'none';}?>" placeholder="Enter email address to recieve notification">
79
      <div id="buy" onclick="addToCart()"class="buy-now btn">
80
             <?php echo $product_detail->items[0]->buttonText; ?>
81
          </div>
82
      <div class="check-aval">
83
          <!-- <div>Check delivery time for Area PIN Code</div> -->
84
          <div class="clearfix">
85
            <input type="text" id="pincode" placeholder="Enter Pin Code.." value="<?php if(isset($pinCode) && !empty($pinCode)) echo $pinCode;?>"/>
86
            <div class="btn-blue btn" onclick="checkShipping()">
87
              Check Delivery Time
88
            </div>
89
          </div>
90
      </div><!--check-aval-->
91
      <div id="service" class="info-div">
92
        <div class="clearfix">
93
          <?php if($product_detail->logisticsInfo->delivery_estimate)?>
94
          <span>Free Delivery by&nbsp;</span><span id="delivery"><?php echo $product_detail->logisticsInfo->delivery_estimate;?></span></div>
95
        <div class="clearfix">
96
          <?php if(isset($product_detail->logisticsInfo->is_cod_available_for_location) && ($product_detail->logisticsInfo->is_cod_available_for_location) == 1)?>
97
          <span>You can pay by&nbsp;</span><span id="cod">Cash on Delivery</span></div>
98
        <div id="otg" class="clearfix" style="display:<?php if(isset($product_detail->logisticsInfo->on_time_guarantee) && !empty($product_detail->logisticsInfo->on_time_guarantee)) {echo 'block';} else { echo 'none';} ?>"><span>On Time Guarantee&nbsp;</span><span id="guarantee">Available</span></div>
99
      </div><!--info-div-->
100
      <div style="display:none" id="error"class="info-div"><div class="clearfix"><span>This loction is not serviceable</span></div></div>
101
 
102
 
103
 
104
 
105
        <div class="pd-tab clearfix" >
106
          <span>Highlights</span>
107
          <!-- <span>+</span> -->
108
        </div>
109
 
110
        <div class="pd-tab-open" id="tab1">
111
          <div class="detail-div">
112
          <?php foreach ($product_detail->keySpecs as $key => $value) {?>
113
          <div>
114
              <?php echo $value;?>
115
          </div>
116
          <?php } ?>
117
          </div>
118
        </div><!--pd-tab-open-->
119
 
120
 
121
        <div class="pd-tab clearfix" onclick="togglelist(event,'tab2')";>
122
          <span>Detailed Specifications</span>
123
          <span>+</span>
124
        </div>
125
 
126
          <div class="pd-tab-open" id="tab2" style="display:none;">
127
            <?php foreach ($product_detail->detailedSpecs as $specs) {?>
128
            <table>
129
            <tr>
130
            <th colspan="2"><?php echo $specs->title; ?></th>
131
            </tr>
132
            <?php foreach ($specs->specs as $item) {?>
133
            <tr>
134
              <td><?php echo $item->name;?></td>
135
              <td><?php echo implode('',$item->values);?></td>
136
            </tr>
137
            <?php }?>
138
          </table>
139
          <?php } ?>
140
 
141
        </div><!--pd-tab-open-->
142
        <?php if(isset($product_detail->expertReviews) && !empty($product_detail->expertReviews)){?>
143
        <div class="pd-tab clearfix" onclick="togglelist(event,'tab3')";>
144
          <span>What experts say</span>
145
            <span>+</span>
146
        </div>
147
        <div id="tab3" class="pd-tab-open expert-review" style="display:none;">
148
          <?php foreach ($product_detail->expertReviews as $review) {?>
149
             <?php echo $review->review; ?>
150
             <div><?php echo $review->source; ?></div>
151
          <?php }?>
152
        </div>
153
        <?php } ?>
154
        <?php if(isset($product_detail->reocmmendedAccessories) && !empty($product_detail->reocmmendedAccessories)){?>
155
            <div class="recommended-pd">
156
        <div class="head">
157
        <div>Recommended Accessories</div>
158
        </div>
159
        <div class="rec-hldr">
160
        <div class="rec-wrapper">
161
        <?php foreach ($product_detail->reocmmendedAccessories as $item) { ?>
162
        <a class="rec-product" href="<?php echo $item->url;?>" onclick="trackAccessories('<?php echo $item->title;?>')">
163
          <img src="<?php echo $item->image_url; ?>" alt="recomended" />
164
          <div class="pd-name"><?php echo $item->title; ?> </div>
165
          <div class="pd-price"><span></span><span>Rs <?php echo $item->price; ?></span></div>
166
        </a><!--rec-product-->
167
        <?php } ?>
168
        </div>
169
        </div><!--rec-hldr-->
170
      </div><!--recomended-pd-->
171
      <?php  } } ?>
172
      <script type="text/javascript">
173
      var items = <?php echo json_encode($product_detail->items);?>
174
      </script>
175
      <script type="text/javascript">
176
 
177
  var isIE10 = false;
178
 
179
  /*@cc_on
180
 
181
   if (/^10/.test(@_jscript_version)) {
182
 
183
   isIE10 = true;
184
 
185
   }
186
 
187
   @*/
188
 
189
  var iOS = navigator.userAgent.match(/(iPad|iPhone|iPod)/g);
190
 
191
  var ua = navigator.userAgent;
192
 
193
  var userAgent = navigator.userAgent.toLowerCase();
194
 
195
  if (isIE10) {
196
 
197
    var a = document.getElementsByClassName('pd-images');
198
 
199
    for (var i = 0; i < a.length; i++) {
200
 
201
      a[i].style.overflowX = 'auto';
202
 
203
    }
204
 
205
  } else if (ua.indexOf("Android") >= 0) {
206
 
207
    var androidversion = parseFloat(ua.slice(ua.indexOf("Android") + 8));
208
 
209
    if (androidversion < 3.0) {
210
 
211
      var script = document.createElement("script");
212
 
213
      script.type = "text/javascript";
214
 
215
      script.src = base_url+'assets/js/iscroll-lite-min.m.js';
216
 
217
      document.body.appendChild(script);
218
 
219
      script.onload = function() {
220
 
221
        var point, pointStartX, pointStartY, deltaX, deltaY;
222
 
223
        var i, scroller = [], len = document.getElementsByClassName('rec-wrapper').length;
224
 
225
        var scrollerArray = document.getElementsByClassName('rec-wrapper');
226
 
227
        for ( i = 0; i < scrollerArray.length; i++) {
228
 
229
          var length = scrollerArray[i].children.length;
230
 
231
          scroller[i] = new iScroll("swipe_" + i, {
232
 
233
            bounce : true,
234
 
235
            momentum : true,
236
 
237
            //hScroll: true,
238
 
239
            vScroll : false,
240
 
241
            hScrollbar : false,
242
 
243
            vScrollbar : false,
244
 
245
            snap : true,
246
 
247
            onBeforeScrollStart : function(e) {
248
 
249
              console.log("onBeforeScrollStart");
250
 
251
              point = e.touches[0];
252
 
253
              pointStartX = point.pageX;
254
 
255
              pointStartY = point.pageY; null;
256
 
257
            },
258
 
259
            onBeforeScrollMove : function(e) {
260
 
261
              console.log(e);
262
 
263
              point = e.touches[0];
264
 
265
              //alert("onBeforeScrollMove");
266
 
267
              deltaX = Math.abs(point.pageX - pointStartX);
268
 
269
              deltaY = Math.abs(point.pageY - pointStartY);
270
 
271
              if (deltaX >
272
              = deltaY) {
273
 
274
                e.preventDefault();
275
 
276
                // alert("horizontal");
277
 
278
              } else {
279
 
280
                //alert("vertical");
281
 
282
                null;
283
 
284
              }
285
 
286
            }
287
          });
288
 
289
        }
290
 
291
        setTimeout(function() {
292
 
293
          for ( i = 0; i < len; i++) {
294
 
295
            scroller[i].refresh();
296
 
297
          }
298
 
299
        }, 100);
300
 
301
      }
302
    } else {
303
 
304
      var a = document.getElementsByClassName('pd-images');
305
 
306
      for (var i = 0; i < a.length; i++) {
307
 
308
        a[i].style.overflowX = 'auto';
309
 
310
        a[i].style.webkitOverflowScrolling = 'touch';
311
 
312
      }
313
 
314
    }
315
 
316
  } else if (iOS) {
317
 
318
    if (navigator.userAgent.match(/(iPad|iPhone|iPod|iPod touch);.*CPU.*OS (6|7)_\d/i) ? true : false) {
319
 
320
      var a = document.getElementsByClassName('pd-images');
321
      for (var i = 0; i < a.length; i++) {
322
        a[i].style.overflowX = 'auto';
323
        a[i].style.overflowY = 'hidden';
324
        a[i].style.webkitOverflowScrolling = 'touch';
325
      }
326
 
327
    } else {
328
 
329
      var script = document.createElement("script");
330
 
331
      script.type = "text/javascript";
332
 
333
      script.src = base_url+'assets/js/iscroll-lite-min.m.js'
334
 
335
      document.body.appendChild(script);
336
 
337
      script.onload = function() {
338
 
339
        var point, pointStartX, pointStartY, deltaX, deltaY;
340
 
341
        var i, scroller = [], len = document.getElementsByClassName('rec-wrapper').length;
342
 
343
        var scrollerArray = document.getElementsByClassName('rec-wrapper');
344
 
345
        for ( i = 0; i < scrollerArray.length; i++) {
346
 
347
          var length = scrollerArray[i].children.length;
348
 
349
          scroller[i] = new iScroll("swipe_" + i, {
350
 
351
            bounce : true,
352
 
353
            momentum : true,
354
 
355
            //hScroll: true,
356
 
357
            vScroll : false,
358
 
359
            hScrollbar : false,
360
 
361
            vScrollbar : false,
362
 
363
            snap : true,
364
 
365
            onBeforeScrollStart : function(e) {
366
 
367
              console.log("onBeforeScrollStart");
368
 
369
              point = e.touches[0];
370
 
371
              pointStartX = point.pageX;
372
 
373
              pointStartY = point.pageY; null;
374
 
375
            },
376
 
377
            onBeforeScrollMove : function(e) {
378
 
379
              console.log(e);
380
 
381
              point = e.touches[0];
382
 
383
              //alert("onBeforeScrollMove");
384
 
385
              deltaX = Math.abs(point.pageX - pointStartX);
386
 
387
              deltaY = Math.abs(point.pageY - pointStartY);
388
 
389
              if (deltaX >= deltaY) {
390
 
391
                e.preventDefault();
392
 
393
                // alert("horizontal");
394
 
395
              } else {
396
 
397
                //alert("vertical");
398
 
399
                null;
400
 
401
              }
402
 
403
            }
404
          });
405
 
406
        }
407
 
408
        setTimeout(function() {
409
 
410
          for ( i = 0; i < len; i++) {
411
 
412
            scroller[i].refresh();
413
 
414
          }
415
 
416
        }, 100);
417
 
418
      }
419
    }
420
 
421
  } else if (ua.indexOf("BlackBerry") >= 0 || ua.indexOf("BB10") >
422
  = 0) {
423
 
424
    var a = document.getElementsByClassName('pd-images');
425
 
426
    for (var i = 0; i < a.length; i++) {
427
 
428
      a[i].style.overflowX = 'auto';
429
 
430
      a[i].style.webkitOverflowScrolling = 'touch';
431
    }
432
 
433
  }
434
 
435
</script>