Subversion Repositories SmartDukaan

<!--offers-->
<!-- <div class="recharge-head">Recharge</div> -->
<div class="offers clearfix">
        <a href="<?php echo base_url().'recharge'?>" class="recharge-btn btn" onclick="changeRecharge('1');">Mobile Recharge</a>
        <a href="<?php echo base_url().'recharge'?>" onclick="changeRecharge('2');" class="offer-btn btn">DTH Recharge</a>
     </div><!--offers-->
<?php
if(isset($home_featured_product) and !empty($home_featured_product) and count($home_featured_product)>0){ 
?>
<div class="recommended-pd">
        <div class="head">
            <div>Featured products</div>
            <div id="view-more" onclick="showAll()" style="display:none;">View More</div>
         </div>
        <div class="rec-hldr" id="swipe_0">
        <div class="rec-wrapper">
        <?php foreach ($home_featured_product as $product) {?>
        <a class="rec-product" href="<?php echo $product['url']; ?>">
          <img src="<?php echo $product['image_url']; ?>" alt="recomended" onerror="imgDefault()"/>
          <div class="pd-name"><?php echo $product['title']; ?></div>
          <div class="pd-desc"><?php echo $product['description']; ?></div>
          <div class="pd-price"><span>Rs</span><span><?php echo $product['mrp']; ?> </span><span><?php echo $product['price']; ?></span></div>
        </a><!--rec-product-->
        <?php } ?>
        </div>
        </div><!--rec-hldr-->
      </div><!--recomended-pd-->
<?php
}
else
  {
    //echo 'API\'s not returning any value. Please Contact Super Administrator! - '.basename(__FILE__).'<br>';
  }?>

<script type="text/javascript">

  var isOperaMini = (navigator.userAgent.indexOf('Opera Mini') > -1);

    if(isOperaMini ){
     document.getElementById('view-more').style.display = 'block';
    }

  var len = document.getElementById('swipe_0').children[0].children.length;
  
  var count1 = 1;
  function showAll(){
     if(count1 ==1){
        document.getElementById('view-more').innerHTML = 'Close';
        document.getElementById('swipe_0').children[0].style.whiteSpace = 'inherit';
        document.getElementById('swipe_0').children[0].style.display = 'block';
        for(var i =0; i< len;i++){
         document.getElementsByClassName('rec-product')[i].style.width = '50%';
          if(i%2 == 0){
            document.getElementsByClassName('rec-product')[i].style.cssFloat = 'left';  
           }else{
            document.getElementsByClassName('rec-product')[i].style.cssFloat = 'right';
            document.getElementsByClassName('rec-product')[i].style.border = 'none';
          }
        }
        count1 = 2;    
      }else{
        document.getElementById('view-more').innerHTML = 'View More';
        document.getElementById('swipe_0').children[0].style.whiteSpace = 'nowrap';
        document.getElementById('swipe_0').children[0].style.display = 'inline-block';
        for(var i =0; i< len;i++){
         document.getElementsByClassName('rec-product')[i].style.width = '';
          if(i%2 == 0){
            document.getElementsByClassName('rec-product')[i].style.cssFloat = '';  
           }else{
            document.getElementsByClassName('rec-product')[i].style.cssFloat = '';
            document.getElementsByClassName('rec-product')[i].style.border = '';
          }
        }
        count1 = 1;
      }
  }

  
  var isIE10 = false;

  /*@cc_on

   if (/^10/.test(@_jscript_version)) {

   isIE10 = true;

   }

   @*/

  var iOS = navigator.userAgent.match(/(iPad|iPhone|iPod)/g);

  var ua = navigator.userAgent;

  var userAgent = navigator.userAgent.toLowerCase();

  if (isIE10) {

    var a = document.getElementsByClassName('rec-hldr');

    for (var i = 0; i < a.length; i++) {

      a[i].style.overflowX = 'auto';

    }

  } else if (ua.indexOf("Android") >= 0) {

    var androidversion = parseFloat(ua.slice(ua.indexOf("Android") + 8));

    if (androidversion < 3.0) {

      var script = document.createElement("script");

      script.type = "text/javascript";

      script.src = base_url+'assets/js/iscroll-lite-min.m.js'

      document.body.appendChild(script);

      script.onload = function() {

        var point, pointStartX, pointStartY, deltaX, deltaY;

        var i, scroller = [], len = document.getElementsByClassName('rec-wrapper').length;

        var scrollerArray = document.getElementsByClassName('rec-wrapper');

        for ( i = 0; i < scrollerArray.length; i++) {

          var length = scrollerArray[i].children.length;

          scroller[i] = new iScroll("swipe_" + i, {

            bounce : true,

            momentum : true,

            //hScroll: true,

            vScroll : false,

            hScrollbar : false,

            vScrollbar : false,

            snap : true,

            onBeforeScrollStart : function(e) {


              point = e.touches[0];

              pointStartX = point.pageX;

              pointStartY = point.pageY; 
              null;

            },

            onBeforeScrollMove : function(e) {

              point = e.touches[0];

              //alert("onBeforeScrollMove");

              deltaX = Math.abs(point.pageX - pointStartX);

              deltaY = Math.abs(point.pageY - pointStartY);

              if (deltaX >= deltaY) {
                e.preventDefault();

                // alert("horizontal");

              } else {

                //alert("vertical");

                null;

              }

            }
          });

        }

        setTimeout(function() {

          for ( i = 0; i < len; i++) {

            scroller[i].refresh();

          }

        }, 100);

      }
    } else {

      var a = document.getElementsByClassName('rec-hldr');

      for (var i = 0; i < a.length; i++) {

        a[i].style.overflowX = 'auto';

        a[i].style.webkitOverflowScrolling = 'touch';

      }

    }

  } else if (iOS) {

    if (navigator.userAgent.match(/(iPad|iPhone|iPod|iPod touch);.*CPU.*OS (6|7)_\d/i) ? true : false) {

      var a = document.getElementsByClassName('rec-hldr');
      for (var i = 0; i < a.length; i++) {
        a[i].style.overflowX = 'auto';
        a[i].style.overflowY = 'hidden';
        a[i].style.webkitOverflowScrolling = 'touch';
      }

    } else {

      var script = document.createElement("script");

      script.type = "text/javascript";

      script.src = base_url+'assets/js/iscroll-lite-min.m.js';

      document.body.appendChild(script);

      script.onload = function() {

        var point, pointStartX, pointStartY, deltaX, deltaY;

        var i, scroller = [], len = document.getElementsByClassName('rec-wrapper').length;

        var scrollerArray = document.getElementsByClassName('rec-wrapper');

        for ( i = 0; i < scrollerArray.length; i++) {

          var length = scrollerArray[i].children.length;

          scroller[i] = new iScroll("swipe_" + i, {

            bounce : true,

            momentum : true,

            //hScroll: true,

            vScroll : false,

            hScrollbar : false,

            vScrollbar : false,

            snap : true,

            onBeforeScrollStart : function(e) {


              point = e.touches[0];

              pointStartX = point.pageX;

              pointStartY = point.pageY; null;

            },

            onBeforeScrollMove : function(e) {


              point = e.touches[0];

              //alert("onBeforeScrollMove");

              deltaX = Math.abs(point.pageX - pointStartX);

              deltaY = Math.abs(point.pageY - pointStartY);

              if (deltaX >= deltaY) {

                e.preventDefault();

                // alert("horizontal");

              } else {

                //alert("vertical");

                null;

              }

            }
          });

        }

        setTimeout(function() {

          for ( i = 0; i < len; i++) {

            scroller[i].refresh();

          }

        }, 100);

      }
    }

  } else if (ua.indexOf("BlackBerry") >= 0 || ua.indexOf("BB10") >= 0) {

    var a = document.getElementsByClassName('rec-hldr');

    for (var i = 0; i < a.length; i++) {

      a[i].style.overflowX = 'auto';

      a[i].style.webkitOverflowScrolling = 'touch';
    }

  }
  
  function imgDefault(){
    this.event.srcElement.src = base_url+'/assets/images/default-img.jpg';
  }
     </script>