| 8917 |
kshitij.so |
1 |
<script type="text/javascript">
|
|
|
2 |
function jqueryLoaded() {
|
|
|
3 |
#if( $BANNERS.size() > 1 )
|
|
|
4 |
jQuery('#promotion-banners').slidy({
|
|
|
5 |
animation: 'slide',
|
|
|
6 |
children: 'a',
|
|
|
7 |
menu: false,
|
|
|
8 |
pause: true,
|
|
|
9 |
speed: 1000,
|
|
|
10 |
time: 4000,
|
|
|
11 |
width: 258,
|
|
|
12 |
height: 180
|
|
|
13 |
});
|
|
|
14 |
#else
|
|
|
15 |
jQuery('#promotion-banners').slidy({
|
|
|
16 |
animation: 'none',
|
|
|
17 |
children: 'a',
|
|
|
18 |
menu: false,
|
|
|
19 |
pause: true,
|
|
|
20 |
speed: 1000,
|
|
|
21 |
time: 4000,
|
|
|
22 |
width: 258,
|
|
|
23 |
height: 180
|
|
|
24 |
});
|
|
|
25 |
#end
|
|
|
26 |
}
|
|
|
27 |
|
|
|
28 |
function checkJquery()
|
|
|
29 |
{
|
| 8919 |
kshitij.so |
30 |
try {
|
|
|
31 |
jqueryLoaded();
|
|
|
32 |
jQuery('#promotion-banners').show();
|
|
|
33 |
}
|
|
|
34 |
catch(error){
|
|
|
35 |
window.setTimeout(checkJquery, 100);
|
|
|
36 |
}
|
| 8917 |
kshitij.so |
37 |
}
|
|
|
38 |
</script>
|
| 8434 |
kshitij.so |
39 |
<div id="banner-side" style="margin-bottom:10px;">
|
| 8936 |
kshitij.so |
40 |
<img src="/images/Why-Saholic-New.png" usemap="#popup" onload="checkJquery()">
|
| 7041 |
kshitij.so |
41 |
<map name="popup">
|
| 7124 |
kshitij.so |
42 |
<area shape="rect" coords="0,90,255,146" id="otg_know_more" href="javascript:void(0)">
|
|
|
43 |
<area shape="rect" coords="0,144,255,215" id="pickupstoreInfo" href="javascript:void(0)">
|
| 8976 |
kshitij.so |
44 |
<area shape="rect" coords="0,213,255,284" class="emiInfo" href="javascript:void(0)">
|
| 7124 |
kshitij.so |
45 |
<area shape="rect" coords="0,280,255,346" class="insuranceInfo" href="javascript:void(0)">
|
| 7041 |
kshitij.so |
46 |
</map>
|
| 8434 |
kshitij.so |
47 |
</div>
|
| 8917 |
kshitij.so |
48 |
#if( $BANNERS && $BANNERS.size()!=0 )
|
| 8919 |
kshitij.so |
49 |
<div id="promotion-banners" style="margin-bottom : 10px; cursor : pointer; display:none;">
|
| 8917 |
kshitij.so |
50 |
#foreach($banner in $BANNERS)
|
|
|
51 |
#if($banner.isHasMap())
|
|
|
52 |
<a href="$banner.getLink()" banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()" usemap='#sidebannermap$velocityCount'/></a>
|
|
|
53 |
<map name='sidebannermap$velocityCount'>
|
|
|
54 |
#set($mapdetails = $ALL_BANNER_MAP.get($banner.getBannerName()))
|
|
|
55 |
#foreach($mapdetail in $mapdetails)
|
|
|
56 |
<area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
|
|
|
57 |
#end
|
|
|
58 |
</map>
|
|
|
59 |
#else
|
|
|
60 |
<a href="$banner.getLink()" banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()"/></a>
|
|
|
61 |
#end
|
|
|
62 |
#end
|
|
|
63 |
</div>
|
|
|
64 |
#end
|
|
|
65 |
|
| 8976 |
kshitij.so |
66 |
<style>
|
|
|
67 |
#emiPopUp td{
|
|
|
68 |
padding : 5px;
|
|
|
69 |
border : 1px solid grey;
|
|
|
70 |
}
|
|
|
71 |
</style>
|
| 8917 |
kshitij.so |
72 |
|
| 8976 |
kshitij.so |
73 |
<div id="emiPopUp" class="colorSelLightBoxColor" style="display:none;">
|
|
|
74 |
<p style="font-weight:normal;font-size:13px;">Interest rate charged by the bank</p>
|
|
|
75 |
<table id="emi_pop_up_lower" style="border-collapse:collapse;width:540px;text-align:center;margin-top:5px;">
|
|
|
76 |
<thead>
|
|
|
77 |
<tbody>
|
|
|
78 |
<tr>
|
|
|
79 |
<td class="emi_popup_mk_bankname_lower" style="background-color:#ededed;font-weight:normal;" rowspan="2">Bank</td>
|
|
|
80 |
<td class="emi_pop_up_mk_emioptions_lower" style="background-color:#ededed;font-weight:normal;" colspan="5">Interest Rate</td>
|
|
|
81 |
</tr>
|
|
|
82 |
<tr class="emi_pop_up_mk_tenure_lower">
|
|
|
83 |
<td>3 Months</td>
|
|
|
84 |
<td>6 Months</td>
|
|
|
85 |
<td>9 Months</td>
|
|
|
86 |
<td>12 Months</td>
|
|
|
87 |
<td>18 Months</td>
|
|
|
88 |
</tr>
|
|
|
89 |
<tr class="emi_pop_up_emirow_lower"></tr>
|
|
|
90 |
</tbody>
|
|
|
91 |
</table>
|
|
|
92 |
<p style="margin-top:10px;font-size:13px;">The table below shows monthly installment payable for a Rs 10,000 purchase using the EMI payment plan</p>
|
|
|
93 |
<table id="emi_pop_up_upper" style="border-collapse:collapse;width:540px;text-align:center">
|
|
|
94 |
<thead>
|
|
|
95 |
<tbody>
|
|
|
96 |
<tr>
|
|
|
97 |
<td class="emi_popup_mk_bankname" style="background-color:#ededed;font-weight:normal;" rowspan="2">Bank</td>
|
|
|
98 |
<td class="emi_pop_up_mk_emioptions" style="background-color:#ededed;font-weight:normal;" colspan="5">Tenure</td>
|
|
|
99 |
</tr>
|
|
|
100 |
<tr class="emi_pop_up_mk_tenure">
|
|
|
101 |
<td>3 Months</td>
|
|
|
102 |
<td>6 Months</td>
|
|
|
103 |
<td>9 Months</td>
|
|
|
104 |
<td>12 Months</td>
|
|
|
105 |
<td>18 Months</td>
|
|
|
106 |
</tr>
|
|
|
107 |
<tr class="emi_pop_up_emirow"></tr>
|
|
|
108 |
</tbody>
|
|
|
109 |
</table>
|
|
|
110 |
<ul style="margin-top:10px;list-style:disc inside none;width:540px">
|
|
|
111 |
<li>EMI option is applicable only on Credit Cards.</li>
|
|
|
112 |
<li>Interest shown will be charged by the bank in your statement.</li>
|
|
|
113 |
<li>Please choose EMI tab on payment page to avail EMI option</li>
|
|
|
114 |
</ul>
|
|
|
115 |
</div>
|
|
|
116 |
|
|
|
117 |
|