Subversion Repositories SmartDukaan

Rev

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

Rev 11245 Rev 11250
Line 29... Line 29...
29 
?>
29 
?>
30 
<div id="error" class="error_msg" style="display:none"></div>
30 
<div id="error" class="error_msg" style="display:none"></div>
31 
<div class="pd_name">
 31 
<div class="pd_name">
32 
        <div><?php echo $product_detail->name;?></div>
 32 
        <div><?php echo $product_detail->name;?></div>
33 
        <?php if(isset($product_detail->warranty) && !empty($product_detail->warranty)){?>
 33 
        <?php if(isset($product_detail->warranty) && !empty($product_detail->warranty)){?>
34 
        <div><?php echo $product_detail->warranty;?></div><?php }?>
 34 
        <div><?php echo $product_detail->warranty;?></div><?php } ?>
35 
      </div><!--pd-name-->
 35 
      </div><!--pd-name-->
36 
      <?php if(count($product_detail->images) == 1){?>
 36 
      <?php if(count($product_detail->images) == 1){?>
37 
      <div class="pd-images tcenter">
 37 
      <div class="pd-images tcenter rec-hldr" id="swipe_0">
38 
        <div class="pd-wrapper">
 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>
 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>
 40 
        </div>
41 
      </div><!--pd-images-->
 41 
      </div><!--pd-images-->
42 
      <?php } else{ ?>
 42 
      <?php } else{ ?>
Line 75... Line 75...
75 
          <div id='comingSoon' style="display:<?php if(isset($product_detail->items[0]->comingSoon) && $product_detail->items[0]->comingSoon == 1){echo 'block';} else {echo 'none';};?>;color:red;">Coming Soon</div>
 75 
          <div id='comingSoon' style="display:<?php if(isset($product_detail->items[0]->comingSoon) && $product_detail->items[0]->comingSoon == 1){echo 'block';} else {echo 'none';};?>;color:red;">Coming Soon</div>
76 
          <?php if(isset($product_detail->offerText)){?>
 76 
          <?php if(isset($product_detail->offerText)){?>
77 
          <div class="pd-offer clearfix"><div>offer</div><div><?php echo $product_detail->offerText; ?></div></div><?php } ?>
 77 
          <div class="pd-offer clearfix"><div>offer</div><div><?php echo $product_detail->offerText; ?></div></div><?php } ?>
78 
        </div><!--price-hldr-->
 78 
        </div><!--price-hldr-->
79 
      </div><!--pd-price-cont-->
 79 
      </div><!--pd-price-cont-->
80 
            <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="Email to recieve notification">
 80 
            <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">
81 
      <div id="buy" onclick="addToCart()"class="buy-now btn">
 81 
      <div id="buy" onclick="addToCart()"class="buy-now btn">
82 
             <?php echo $product_detail->items[0]->buttonText; ?>
 82 
             <?php echo $product_detail->items[0]->buttonText; ?>
83 
          </div>
 83 
          </div>
84 
      <div class="check-aval">
 84 
      <div class="check-aval">
85 
          <!-- <div>Check delivery time for Area PIN Code</div> -->
 85 
          <!-- <div>Check delivery time for Area PIN Code</div> -->
Line 89... Line 89...
89 
              Check Delivery Time
 89 
              Check Delivery Time
90 
            </div>
 90 
            </div>
91 
          </div>
 91 
          </div>
92 
      </div><!--check-aval-->
 92 
      </div><!--check-aval-->
93 
      <div id="service" class="info-div">
 93 
      <div id="service" class="info-div">
94 
        <div class="clearfix">
 94
95 
          <?php if($product_detail->logisticsInfo->delivery_estimate)?>
 95 
          <?php if($product_detail->logisticsInfo->delivery_estimate)?>
96 
          <span>Free Delivery by&nbsp;</span><span id="delivery"><?php if(isset($product_detail->items[0]->comingSoon) && $product_detail->items[0]->comingSoon == 1){echo $product_detail->logisticsInfo->delivery_estimate.' after arrival';}else{ echo $product_detail->logisticsInfo->delivery_estimate; }?></span></div>
 96 
          <p>Free Delivery by&nbsp;<span id="delivery"><?php if(isset($product_detail->items[0]->comingSoon) && $product_detail->items[0]->comingSoon == 1){echo $product_detail->logisticsInfo->delivery_estimate.' after arrival';}else{ echo $product_detail->logisticsInfo->delivery_estimate; }?></span></p>
97 
        <div class="clearfix">
 97
98 
          <?php if(isset($product_detail->logisticsInfo->is_cod_available_for_location) && ($product_detail->logisticsInfo->is_cod_available_for_location) == 1)?>
 98 
          <?php if(isset($product_detail->logisticsInfo->is_cod_available_for_location) && ($product_detail->logisticsInfo->is_cod_available_for_location) == 1)?>
99 
          <span>You can pay by&nbsp;</span><span id="cod">Cash on Delivery</span></div>
 99 
          <p>You can pay by&nbsp;<span id="cod">Cash on Delivery</span></p>
100 
        <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>
 100 
        <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';} ?>"><p>On Time Guarantee&nbsp;<span id="guarantee">Available</span></p></div>
101 
      </div><!--info-div-->
 101 
      </div><!--info-div-->
102 
      <div style="display:none" id="error1"class="info-div"><div class="clearfix"><span>This loction is not serviceable</span></div></div>
 102 
      <div style="display:none" id="error"class="info-div"><div class="clearfix"><span>This loction is not serviceable</span></div></div>
103 
 
 103 
 
104 
 
 104 
 
105 
 
 105 
 
106
106
107 
        <div class="pd-tab clearfix" >
 107 
        <div class="pd-tab clearfix" >
Line 173... Line 173...
173 
        <?php if(isset($product_detail->reocmmendedAccessories) && !empty($product_detail->reocmmendedAccessories)){?>
 173 
        <?php if(isset($product_detail->reocmmendedAccessories) && !empty($product_detail->reocmmendedAccessories)){?>
174 
            <div class="recommended-pd">
 174 
            <div class="recommended-pd">
175 
        <div class="head">
 175 
        <div class="head">
176 
        <div>Recommended Accessories</div>
 176 
        <div>Recommended Accessories</div>
177 
        </div>
 177 
        </div>
178 
        <div class="rec-hldr">
 178 
        <div class="rec-hldr" id="swipe_1">
179 
        <div class="rec-wrapper">
 179 
        <div class="rec-wrapper">
180 
        <?php foreach ($product_detail->reocmmendedAccessories as $item) { ?>
 180 
        <?php foreach ($product_detail->reocmmendedAccessories as $item) { ?>
181 
        <a class="rec-product" href="<?php echo $item->url;?>" onclick="trackAccessories('<?php echo $item->title;?>')">
 181 
        <a class="rec-product" href="<?php echo $item->url;?>" onclick="trackAccessories('<?php echo $item->title;?>')">
182 
          <img src="<?php echo $item->image_url; ?>" alt="recomended" />
 182 
          <img src="<?php echo $item->image_url; ?>" alt="recomended" />
183 
          <div class="pd-name"><?php echo $item->title; ?> </div>
 183 
          <div class="pd-name"><?php echo $item->title; ?> </div>
Line 189... Line 189...
189 
      </div><!--recomended-pd-->
 189 
      </div><!--recomended-pd-->
190 
      <?php  } } ?>
 190 
      <?php  } } ?>
191 
      <script type="text/javascript">
 191 
      <script type="text/javascript">
192 
      var items = <?php echo json_encode($product_detail->items);?>
 192 
      var items = <?php echo json_encode($product_detail->items);?>
193 
      </script>
 193 
      </script>
- 
 
 194 
      <script type="text/javascript">
- 
 
 195 
 
- 
 
 196 
  var isIE10 = false;
- 
 
 197 
 
- 
 
 198 
  /*@cc_on
- 
 
 199 
 
- 
 
 200 
   if (/^10/.test(@_jscript_version)) {
- 
 
 201 
 
- 
 
 202 
   isIE10 = true;
- 
 
 203 
 
- 
 
 204 
   }
- 
 
 205 
 
- 
 
 206 
   @*/
- 
 
 207 
 
- 
 
 208 
  var iOS = navigator.userAgent.match(/(iPad|iPhone|iPod)/g);
- 
 
 209 
 
- 
 
 210 
  var ua = navigator.userAgent;
- 
 
 211 
 
- 
 
 212 
  var userAgent = navigator.userAgent.toLowerCase();
- 
 
 213 
 
- 
 
 214 
  if (isIE10) {
- 
 
 215 
       var a = document.getElementsByClassName('rec-hldr');
- 
 
 216
- 
 
 217 
          for (var i = 0; i < a.length; i++) {
- 
 
 218
- 
 
 219 
            a[i].style.overflowX = 'auto';
- 
 
 220
- 
 
 221 
          }
- 
 
 222
- 
 
 223 
        }
- 
 
 224
- 
 
 225 
        else if (ua.indexOf("Android") >= 0) {
- 
 
 226 
 
- 
 
 227 
          var androidversion = parseFloat(ua.slice(ua.indexOf("Android") + 8));
- 
 
 228
- 
 
 229 
         if (androidversion < 3.0) {
- 
 
 230 
 
- 
 
 231 
       var script = document.createElement("script");
- 
 
 232 
 
- 
 
 233 
      script.type = "text/javascript";
- 
 
 234 
 
- 
 
 235 
      script.src = base_url+'assets/js/iscroll.js'
- 
 
 236 
 
- 
 
 237 
      document.body.appendChild(script);
- 
 
 238 
 
- 
 
 239 
      script.onload = function() {
- 
 
 240 
 
- 
 
 241 
        var point, pointStartX, pointStartY, deltaX, deltaY;
- 
 
 242 
 
- 
 
 243 
        var i, scroller = [], len = document.getElementsByClassName('rec-hldr').length;
- 
 
 244 
 
- 
 
 245 
        var scrollerArray = document.getElementsByClassName('rec-hldr');
- 
 
 246 
 
- 
 
 247 
           for ( i = 0; i < scrollerArray.length; i++) {
- 
 
 248 
 
- 
 
 249 
          var length = scrollerArray[i].children.length;
- 
 
 250 
 
- 
 
 251 
          scroller[i] = new iScroll("swipe_"+ i, {
- 
 
 252 
 
- 
 
 253 
            bounce : true,
- 
 
 254 
 
- 
 
 255 
            momentum : true,
- 
 
 256 
 
- 
 
 257 
            //hScroll: true,
- 
 
 258 
 
- 
 
 259 
            vScroll : false,
- 
 
 260 
 
- 
 
 261 
            hScrollbar : false,
- 
 
 262 
 
- 
 
 263 
            vScrollbar : false,
- 
 
 264 
 
- 
 
 265 
            snap : true,
- 
 
 266 
 
- 
 
 267 
            onBeforeScrollStart : function(e) {
- 
 
 268 
 
- 
 
 269 
              console.log("onBeforeScrollStart");
- 
 
 270 
 
- 
 
 271 
              point = e.touches[0];
- 
 
 272 
 
- 
 
 273 
              pointStartX = point.pageX;
- 
 
 274 
 
- 
 
 275 
              pointStartY = point.pageY; null;
- 
 
 276 
 
- 
 
 277 
            },
- 
 
 278 
 
- 
 
 279 
            onBeforeScrollMove : function(e) {
- 
 
 280 
 
- 
 
 281 
              console.log(e);
- 
 
 282 
 
- 
 
 283 
              point = e.touches[0];
- 
 
 284 
 
- 
 
 285 
              //alert("onBeforeScrollMove");
- 
 
 286 
 
- 
 
 287 
              deltaX = Math.abs(point.pageX - pointStartX);
- 
 
 288 
 
- 
 
 289 
              deltaY = Math.abs(point.pageY - pointStartY);
- 
 
 290 
 
- 
 
 291 
              if (deltaX >= deltaY) {
- 
 
 292 
                e.preventDefault();
- 
 
 293 
 
- 
 
 294 
                // alert("horizontal");
- 
 
 295 
 
- 
 
 296 
              } else {
- 
 
 297 
 
- 
 
 298 
                //alert("vertical");
- 
 
 299 
 
- 
 
 300 
                null;
- 
 
 301 
 
- 
 
 302 
              }
- 
 
 303 
 
- 
 
 304 
            }
- 
 
 305 
          });
- 
 
 306 
 
- 
 
 307 
 
- 
 
 308 
 
- 
 
 309 
        setTimeout(function() {
- 
 
 310 
 
- 
 
 311 
          for ( i = 0; i < len; i++) {
- 
 
 312 
 
- 
 
 313 
            scroller[i].refresh();
- 
 
 314 
 
- 
 
 315 
          }
- 
 
 316 
 
- 
 
 317 
        }, 100);
- 
 
 318 
        }
- 
 
 319 
 
- 
 
 320 
      }
- 
 
 321 
       }else {
- 
 
 322 
 
- 
 
 323 
      var a = document.getElementsByClassName('rec-hldr');
- 
 
 324 
 
- 
 
 325 
       for (var i = 0; i < a.length; i++) {
- 
 
 326 
 
- 
 
 327 
        a[i].style.overflowX = 'auto';
- 
 
 328 
 
- 
 
 329 
        a[i].style.webkitOverflowScrolling = 'touch';
- 
 
 330 
 
- 
 
 331 
      }
- 
 
 332 
 
- 
 
 333 
    }
- 
 
 334
- 
 
 335 
    }else if (iOS) {
- 
 
 336 
 
- 
 
 337 
    if (navigator.userAgent.match(/(iPad|iPhone|iPod|iPod touch);.*CPU.*OS (6|7)_\d/i) ? true : false) {
- 
 
 338
- 
 
 339 
     var a = document.getElementsByClassName('rec-hldr');
- 
 
 340 
      for (var i = 0; i < a.length; i++) {
- 
 
 341 
        a[i].style.overflowX = 'auto';
- 
 
 342 
        a[i].style.overflowY = 'hidden';
- 
 
 343 
        a[i].style.webkitOverflowScrolling = 'touch';
- 
 
 344 
      }
- 
 
 345 
 
- 
 
 346 
    }else{
- 
 
 347
- 
 
 348 
       var script = document.createElement("script");
- 
 
 349 
 
- 
 
 350 
      script.type = "text/javascript";
- 
 
 351 
 
- 
 
 352 
      script.src = base_url+'assets/js/iscroll.js'
- 
 
 353 
 
- 
 
 354 
      document.body.appendChild(script);
- 
 
 355 
 
- 
 
 356 
      script.onload = function() {
- 
 
 357 
 
- 
 
 358 
        var point, pointStartX, pointStartY, deltaX, deltaY;
- 
 
 359 
 
- 
 
 360 
        var i, scroller = [], len = document.getElementsByClassName('rec-wrapper').length;
- 
 
 361 
 
- 
 
 362 
        var scrollerArray = document.getElementsByClassName('rec-wrapper');
- 
 
 363 
 
- 
 
 364
- 
 
 365 
 
- 
 
 366 
          //var length = scrollerArray[i].children.length;
- 
 
 367 
 
- 
 
 368 
          scroller[i] = new iScroll(swipe_1, {
- 
 
 369 
 
- 
 
 370 
            bounce : true,
- 
 
 371 
 
- 
 
 372 
            momentum : true,
- 
 
 373 
 
- 
 
 374 
            //hScroll: true,
- 
 
 375 
 
- 
 
 376 
            vScroll : false,
- 
 
 377 
 
- 
 
 378 
            hScrollbar : false,
- 
 
 379 
 
- 
 
 380 
            vScrollbar : false,
- 
 
 381 
 
- 
 
 382 
            snap : true,
- 
 
 383 
 
- 
 
 384 
            onBeforeScrollStart : function(e) {
- 
 
 385 
 
- 
 
 386 
              console.log("onBeforeScrollStart");
- 
 
 387 
 
- 
 
 388 
              point = e.touches;
- 
 
 389 
 
- 
 
 390 
              pointStartX = point.pageX;
- 
 
 391 
 
- 
 
 392 
              pointStartY = point.pageY; null;
- 
 
 393 
 
- 
 
 394 
            },
- 
 
 395 
 
- 
 
 396 
            onBeforeScrollMove : function(e) {
- 
 
 397 
 
- 
 
 398 
              console.log(e);
- 
 
 399 
 
- 
 
 400 
              point = e.touches;
- 
 
 401 
 
- 
 
 402 
              //alert("onBeforeScrollMove");
- 
 
 403 
 
- 
 
 404 
              deltaX = Math.abs(point.pageX - pointStartX);
- 
 
 405 
 
- 
 
 406 
              deltaY = Math.abs(point.pageY - pointStartY);
- 
 
 407 
 
- 
 
 408 
              if (deltaX >= deltaY) {
- 
 
 409 
                e.preventDefault();
- 
 
 410 
 
- 
 
 411 
                // alert("horizontal");
- 
 
 412 
 
- 
 
 413 
              } else {
- 
 
 414 
 
- 
 
 415 
                //alert("vertical");
- 
 
 416 
 
- 
 
 417 
                null;
- 
 
 418 
 
- 
 
 419 
              }
- 
 
 420 
 
- 
 
 421 
            }
- 
 
 422 
          });
- 
 
 423
- 
 
 424 
    }
- 
 
 425
- 
 
 426 
    }
- 
 
 427
- 
 
 428 
    }else if (ua.indexOf("BlackBerry") >= 0 || ua.indexOf("BB10") >= 0) {
- 
 
 429 
 
- 
 
 430 
    var a = document.getElementsByClassName('rec-hldr');
- 
 
 431 
 
- 
 
 432 
    for (var i = 0; i < a.length; i++) {
- 
 
 433 
 
- 
 
 434 
      a[i].style.overflowX = 'auto';
- 
 
 435 
 
- 
 
 436 
      a[i].style.webkitOverflowScrolling = 'touch';
- 
 
 437 
    }
- 
 
 438 
 
- 
 
 439 
  }
- 
 
 440 
 
- 
 
 441 
</script>
194 

            442