Subversion Repositories SmartDukaan

Rev

Rev 11037 | Rev 11251 | 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>
14
        <div class="rec-hldr">
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
 
115
              pointStartY = point.pageY; null;
116
 
117
            },
118
 
119
            onBeforeScrollMove : function(e) {
120
 
121
              console.log(e);
122
 
123
              point = e.touches[0];
124
 
125
              //alert("onBeforeScrollMove");
126
 
127
              deltaX = Math.abs(point.pageX - pointStartX);
128
 
129
              deltaY = Math.abs(point.pageY - pointStartY);
130
 
10863 lgm 131
              if (deltaX >= deltaY) {
10582 lgm 132
                e.preventDefault();
133
 
134
                // alert("horizontal");
135
 
136
              } else {
137
 
138
                //alert("vertical");
139
 
140
                null;
141
 
142
              }
143
 
144
            }
145
          });
146
 
147
        }
148
 
149
        setTimeout(function() {
150
 
151
          for ( i = 0; i < len; i++) {
152
 
153
            scroller[i].refresh();
154
 
155
          }
156
 
157
        }, 100);
158
 
159
      }
160
    } else {
161
 
162
      var a = document.getElementsByClassName('rec-hldr');
163
 
164
      for (var i = 0; i < a.length; i++) {
165
 
166
        a[i].style.overflowX = 'auto';
167
 
168
        a[i].style.webkitOverflowScrolling = 'touch';
169
 
170
      }
171
 
172
    }
173
 
174
  } else if (iOS) {
175
 
176
    if (navigator.userAgent.match(/(iPad|iPhone|iPod|iPod touch);.*CPU.*OS (6|7)_\d/i) ? true : false) {
177
 
178
      var a = document.getElementsByClassName('rec-hldr');
179
      for (var i = 0; i < a.length; i++) {
180
        a[i].style.overflowX = 'auto';
181
        a[i].style.overflowY = 'hidden';
182
        a[i].style.webkitOverflowScrolling = 'touch';
183
      }
184
 
185
    } else {
186
 
187
      var script = document.createElement("script");
188
 
189
      script.type = "text/javascript";
190
 
191
      script.src = base_url+'assets/js/iscroll-lite-min.m.js';
192
 
193
      document.body.appendChild(script);
194
 
195
      script.onload = function() {
196
 
197
        var point, pointStartX, pointStartY, deltaX, deltaY;
198
 
199
        var i, scroller = [], len = document.getElementsByClassName('rec-wrapper').length;
200
 
201
        var scrollerArray = document.getElementsByClassName('rec-wrapper');
202
 
203
        for ( i = 0; i < scrollerArray.length; i++) {
204
 
205
          var length = scrollerArray[i].children.length;
206
 
207
          scroller[i] = new iScroll("swipe_" + i, {
208
 
209
            bounce : true,
210
 
211
            momentum : true,
212
 
213
            //hScroll: true,
214
 
215
            vScroll : false,
216
 
217
            hScrollbar : false,
218
 
219
            vScrollbar : false,
220
 
221
            snap : true,
222
 
223
            onBeforeScrollStart : function(e) {
224
 
225
              console.log("onBeforeScrollStart");
226
 
227
              point = e.touches[0];
228
 
229
              pointStartX = point.pageX;
230
 
231
              pointStartY = point.pageY; null;
232
 
233
            },
234
 
235
            onBeforeScrollMove : function(e) {
236
 
237
              console.log(e);
238
 
239
              point = e.touches[0];
240
 
241
              //alert("onBeforeScrollMove");
242
 
243
              deltaX = Math.abs(point.pageX - pointStartX);
244
 
245
              deltaY = Math.abs(point.pageY - pointStartY);
246
 
247
              if (deltaX >= deltaY) {
248
 
249
                e.preventDefault();
250
 
251
                // alert("horizontal");
252
 
253
              } else {
254
 
255
                //alert("vertical");
256
 
257
                null;
258
 
259
              }
260
 
261
            }
262
          });
263
 
264
        }
265
 
266
        setTimeout(function() {
267
 
268
          for ( i = 0; i < len; i++) {
269
 
270
            scroller[i].refresh();
271
 
272
          }
273
 
274
        }, 100);
275
 
276
      }
277
    }
278
 
10863 lgm 279
  } else if (ua.indexOf("BlackBerry") >= 0 || ua.indexOf("BB10") >= 0) {
10582 lgm 280
 
281
    var a = document.getElementsByClassName('rec-hldr');
282
 
283
    for (var i = 0; i < a.length; i++) {
284
 
285
      a[i].style.overflowX = 'auto';
286
 
287
      a[i].style.webkitOverflowScrolling = 'touch';
288
    }
289
 
290
  }
11037 lgm 291
 
292
  function imgDefault(){
293
    this.event.srcElement.src = base_url+'/assets/images/default-img.jpg';
294
  }
10582 lgm 295
 
296
</script>