Subversion Repositories SmartDukaan

Rev

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

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