| Line 13... |
Line 13... |
| 13 |
<div id="view-more" onclick="showAll()" style="display:none;">View More</div>
|
13 |
<div id="view-more" onclick="showAll()" style="display:none;">View More</div>
|
| 14 |
</div>
|
14 |
</div>
|
| 15 |
<div class="rec-hldr" id="swipe_0">
|
15 |
<div class="rec-hldr" id="swipe_0">
|
| 16 |
<div class="rec-wrapper">
|
16 |
<div class="rec-wrapper">
|
| 17 |
<?php foreach ($home_featured_product as $product) {?>
|
17 |
<?php foreach ($home_featured_product as $product) {?>
|
| 18 |
<a class="rec-product clearfix" href="<?php echo $product['url']; ?>">
|
18 |
<a class="rec-product" href="<?php echo $product['url']; ?>">
|
| 19 |
<img src="<?php echo $product['image_url']; ?>" alt="recomended" onerror="imgDefault()"/>
|
19 |
<img src="<?php echo $product['image_url']; ?>" alt="recomended" onerror="imgDefault()"/>
|
| 20 |
<div class="pd-name"><?php echo $product['title']; ?></div>
|
20 |
<div class="pd-name"><?php echo $product['title']; ?></div>
|
| 21 |
<div class="pd-desc"><?php echo $product['description']; ?></div>
|
21 |
<div class="pd-desc"><?php echo $product['description']; ?></div>
|
| 22 |
<div class="pd-price"><span>Rs</span><span><?php echo $product['mrp']; ?> </span><span><?php echo $product['price']; ?></span></div>
|
22 |
<div class="pd-price"><span>Rs</span><span><?php echo $product['mrp']; ?> </span><span><?php echo $product['price']; ?></span></div>
|
| 23 |
</a><!--rec-product-->
|
23 |
</a><!--rec-product-->
|
| Line 34... |
Line 34... |
| 34 |
|
34 |
|
| 35 |
<script type="text/javascript">
|
35 |
<script type="text/javascript">
|
| 36 |
|
36 |
|
| 37 |
var isOperaMini = (navigator.userAgent.indexOf('Opera Mini') > -1);
|
37 |
var isOperaMini = (navigator.userAgent.indexOf('Opera Mini') > -1);
|
| 38 |
|
38 |
|
| 39 |
if(isOperaMini){
|
39 |
if(isOperaMini ){
|
| 40 |
document.getElementById('view-more').style.display = 'block';
|
40 |
document.getElementById('view-more').style.display = 'block';
|
| 41 |
}
|
41 |
}
|
| 42 |
|
42 |
|
| 43 |
var len = document.getElementById('swipe_0').children[0].children.length;
|
43 |
var len = document.getElementById('swipe_0').children[0].children.length;
|
| 44 |
|
44 |
|
| - |
|
45 |
var count1 = 1;
|
| 45 |
function showAll(){
|
46 |
function showAll(){
|
| - |
|
47 |
if(count1 ==1){
|
| - |
|
48 |
document.getElementById('view-more').innerHTML = 'Close';
|
| 46 |
document.getElementById('swipe_0').children[0].style.whiteSpace = 'inherit';
|
49 |
document.getElementById('swipe_0').children[0].style.whiteSpace = 'inherit';
|
| 47 |
document.getElementById('swipe_0').children[0].style.display = 'block';
|
50 |
document.getElementById('swipe_0').children[0].style.display = 'block';
|
| 48 |
for(var i =0; i< len;i++){
|
51 |
for(var i =0; i< len;i++){
|
| 49 |
document.getElementsByClassName('rec-product')[i].style.width = '160px';
|
52 |
document.getElementsByClassName('rec-product')[i].style.width = '50%';
|
| - |
|
53 |
if(i%2 == 0){
|
| 50 |
document.getElementsByClassName('rec-product')[i].style.border = 'none';
|
54 |
document.getElementsByClassName('rec-product')[i].style.cssFloat = 'left';
|
| - |
|
55 |
}else{
|
| 51 |
//document.getElementsByClassName('rec-product')[i].style.display = 'block';
|
56 |
document.getElementsByClassName('rec-product')[i].style.cssFloat = 'right';
|
| - |
|
57 |
document.getElementsByClassName('rec-product')[i].style.border = 'none';
|
| - |
|
58 |
}
|
| - |
|
59 |
}
|
| - |
|
60 |
count1 = 2;
|
| - |
|
61 |
}else{
|
| - |
|
62 |
document.getElementById('view-more').innerHTML = 'View More';
|
| - |
|
63 |
document.getElementById('swipe_0').children[0].style.whiteSpace = 'nowrap';
|
| - |
|
64 |
document.getElementById('swipe_0').children[0].style.display = 'inline-block';
|
| - |
|
65 |
for(var i =0; i< len;i++){
|
| 52 |
//document.getElementsByClassName('rec-product')[i].style.padding = '0 ';
|
66 |
document.getElementsByClassName('rec-product')[i].style.width = '';
|
| 53 |
if(i%2 == 0){
|
67 |
if(i%2 == 0){
|
| 54 |
document.getElementsByClassName('rec-product')[i].style.float = 'left';
|
68 |
document.getElementsByClassName('rec-product')[i].style.cssFloat = '';
|
| 55 |
}else{
|
69 |
}else{
|
| 56 |
document.getElementsByClassName('rec-product')[i].style.float = 'right';
|
70 |
document.getElementsByClassName('rec-product')[i].style.cssFloat = '';
|
| - |
|
71 |
document.getElementsByClassName('rec-product')[i].style.border = '';
|
| - |
|
72 |
}
|
| - |
|
73 |
}
|
| - |
|
74 |
count1 = 1;
|
| 57 |
}
|
75 |
}
|
| 58 |
|
- |
|
| 59 |
|
- |
|
| 60 |
}
|
- |
|
| 61 |
}
|
76 |
}
|
| 62 |
|
77 |
|
| 63 |
|
78 |
|
| 64 |
var isIE10 = false;
|
79 |
var isIE10 = false;
|
| 65 |
|
80 |
|