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