Subversion Repositories SmartDukaan

Rev

Rev 11169 | Rev 11715 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
10863 lgm 1
<!--offers-->
11169 lgm 2
<!-- <div class="recharge-head">Recharge</div> -->
3
<div class="offers clearfix">
4
        <a href="<?php echo base_url().'recharge'?>" class="recharge-btn btn" onclick="changeRecharge('1');">Mobile Recharge</a>
5
        <a href="<?php echo base_url().'recharge'?>" onclick="changeRecharge('2');" class="offer-btn btn">DTH Recharge</a>
6
     </div><!--offers-->
10582 lgm 7
<?php
8
if(isset($home_featured_product) and !empty($home_featured_product) and count($home_featured_product)>0){ 
9
?>
10
<div class="recommended-pd">
11
        <div class="head">
12
            <div>Featured products</div>
13
         </div>
11251 lgm 14
        <div class="rec-hldr" id="swipe_0">
10582 lgm 15
        <div class="rec-wrapper">
16
        <?php foreach ($home_featured_product as $product) {?>
17
        <a class="rec-product" href="<?php echo $product['url']; ?>">
11037 lgm 18
          <img src="<?php echo $product['image_url']; ?>" alt="recomended" onerror="imgDefault()"/>
10582 lgm 19
          <div class="pd-name"><?php echo $product['title']; ?></div>
20
          <div class="pd-desc"><?php echo $product['description']; ?></div>
21
          <div class="pd-price"><span>Rs</span><span><?php echo $product['mrp']; ?> </span><span><?php echo $product['price']; ?></span></div>
22
        </a><!--rec-product-->
23
        <?php } ?>
24
        </div>
25
        </div><!--rec-hldr-->
26
      </div><!--recomended-pd-->
27
<?php
28
}
29
else
30
  {
31
    //echo 'API\'s not returning any value. Please Contact Super Administrator! - '.basename(__FILE__).'<br>';
32
  }?>
33
 
34
 
35
<script type="text/javascript">
36
 
37
  var isIE10 = false;
38
 
39
  /*@cc_on
40
 
41
   if (/^10/.test(@_jscript_version)) {
42
 
43
   isIE10 = true;
44
 
45
   }
46
 
47
   @*/
48
 
49
  var iOS = navigator.userAgent.match(/(iPad|iPhone|iPod)/g);
50
 
51
  var ua = navigator.userAgent;
52
 
53
  var userAgent = navigator.userAgent.toLowerCase();
54
 
55
  if (isIE10) {
56
 
57
    var a = document.getElementsByClassName('rec-hldr');
58
 
59
    for (var i = 0; i < a.length; i++) {
60
 
61
      a[i].style.overflowX = 'auto';
62
 
63
    }
64
 
65
  } else if (ua.indexOf("Android") >= 0) {
66
 
67
    var androidversion = parseFloat(ua.slice(ua.indexOf("Android") + 8));
68
 
69
    if (androidversion < 3.0) {
70
 
71
      var script = document.createElement("script");
72
 
73
      script.type = "text/javascript";
74
 
75
      script.src = base_url+'assets/js/iscroll-lite-min.m.js'
76
 
77
      document.body.appendChild(script);
78
 
79
      script.onload = function() {
80
 
81
        var point, pointStartX, pointStartY, deltaX, deltaY;
82
 
83
        var i, scroller = [], len = document.getElementsByClassName('rec-wrapper').length;
84
 
85
        var scrollerArray = document.getElementsByClassName('rec-wrapper');
86
 
87
        for ( i = 0; i < scrollerArray.length; i++) {
88
 
89
          var length = scrollerArray[i].children.length;
90
 
91
          scroller[i] = new iScroll("swipe_" + i, {
92
 
93
            bounce : true,
94
 
95
            momentum : true,
96
 
97
            //hScroll: true,
98
 
99
            vScroll : false,
100
 
101
            hScrollbar : false,
102
 
103
            vScrollbar : false,
104
 
105
            snap : true,
106
 
107
            onBeforeScrollStart : function(e) {
108
 
109
              console.log("onBeforeScrollStart");
110
 
111
              point = e.touches[0];
112
 
113
              pointStartX = point.pageX;
114
 
11251 lgm 115
              pointStartY = point.pageY; 
116
              null;
10582 lgm 117
 
118
            },
119
 
120
            onBeforeScrollMove : function(e) {
121
 
122
              point = e.touches[0];
123
 
124
              //alert("onBeforeScrollMove");
125
 
126
              deltaX = Math.abs(point.pageX - pointStartX);
127
 
128
              deltaY = Math.abs(point.pageY - pointStartY);
129
 
10863 lgm 130
              if (deltaX >= deltaY) {
10582 lgm 131
                e.preventDefault();
132
 
133
                // alert("horizontal");
134
 
135
              } else {
136
 
137
                //alert("vertical");
138
 
139
                null;
140
 
141
              }
142
 
143
            }
144
          });
145
 
146
        }
147
 
148
        setTimeout(function() {
149
 
150
          for ( i = 0; i < len; i++) {
151
 
152
            scroller[i].refresh();
153
 
154
          }
155
 
156
        }, 100);
157
 
158
      }
159
    } else {
160
 
161
      var a = document.getElementsByClassName('rec-hldr');
162
 
163
      for (var i = 0; i < a.length; i++) {
164
 
165
        a[i].style.overflowX = 'auto';
166
 
167
        a[i].style.webkitOverflowScrolling = 'touch';
168
 
169
      }
170
 
171
    }
172
 
173
  } else if (iOS) {
174
 
175
    if (navigator.userAgent.match(/(iPad|iPhone|iPod|iPod touch);.*CPU.*OS (6|7)_\d/i) ? true : false) {
176
 
177
      var a = document.getElementsByClassName('rec-hldr');
178
      for (var i = 0; i < a.length; i++) {
179
        a[i].style.overflowX = 'auto';
180
        a[i].style.overflowY = 'hidden';
181
        a[i].style.webkitOverflowScrolling = 'touch';
182
      }
183
 
184
    } else {
185
 
186
      var script = document.createElement("script");
187
 
188
      script.type = "text/javascript";
189
 
190
      script.src = base_url+'assets/js/iscroll-lite-min.m.js';
191
 
192
      document.body.appendChild(script);
193
 
194
      script.onload = function() {
195
 
196
        var point, pointStartX, pointStartY, deltaX, deltaY;
197
 
198
        var i, scroller = [], len = document.getElementsByClassName('rec-wrapper').length;
199
 
200
        var scrollerArray = document.getElementsByClassName('rec-wrapper');
201
 
202
        for ( i = 0; i < scrollerArray.length; i++) {
203
 
204
          var length = scrollerArray[i].children.length;
205
 
206
          scroller[i] = new iScroll("swipe_" + i, {
207
 
208
            bounce : true,
209
 
210
            momentum : true,
211
 
212
            //hScroll: true,
213
 
214
            vScroll : false,
215
 
216
            hScrollbar : false,
217
 
218
            vScrollbar : false,
219
 
220
            snap : true,
221
 
222
            onBeforeScrollStart : function(e) {
223
 
224
              console.log("onBeforeScrollStart");
225
 
226
              point = e.touches[0];
227
 
228
              pointStartX = point.pageX;
229
 
230
              pointStartY = point.pageY; null;
231
 
232
            },
233
 
234
            onBeforeScrollMove : function(e) {
235
 
236
              console.log(e);
237
 
238
              point = e.touches[0];
239
 
240
              //alert("onBeforeScrollMove");
241
 
242
              deltaX = Math.abs(point.pageX - pointStartX);
243
 
244
              deltaY = Math.abs(point.pageY - pointStartY);
245
 
246
              if (deltaX >= deltaY) {
247
 
248
                e.preventDefault();
249
 
250
                // alert("horizontal");
251
 
252
              } else {
253
 
254
                //alert("vertical");
255
 
256
                null;
257
 
258
              }
259
 
260
            }
261
          });
262
 
263
        }
264
 
265
        setTimeout(function() {
266
 
267
          for ( i = 0; i < len; i++) {
268
 
269
            scroller[i].refresh();
270
 
271
          }
272
 
273
        }, 100);
274
 
275
      }
276
    }
277
 
10863 lgm 278
  } else if (ua.indexOf("BlackBerry") >= 0 || ua.indexOf("BB10") >= 0) {
10582 lgm 279
 
280
    var a = document.getElementsByClassName('rec-hldr');
281
 
282
    for (var i = 0; i < a.length; i++) {
283
 
284
      a[i].style.overflowX = 'auto';
285
 
286
      a[i].style.webkitOverflowScrolling = 'touch';
287
    }
288
 
289
  }
11037 lgm 290
 
291
  function imgDefault(){
292
    this.event.srcElement.src = base_url+'/assets/images/default-img.jpg';
293
  }
10582 lgm 294
 
295
</script>