| 18211 |
naman |
1 |
<script type="text/javascript" src="<?php echo $base_url;?>js/iscroll.js"></script>
|
| 18224 |
naman |
2 |
<script type="text/javascript" src="/js/profittill.js?v=<?php echo $staticversion;?>"></script>
|
|
|
3 |
<script type="text/javascript" src="/js/jquery.viewport.mini.js"></script>
|
| 18211 |
naman |
4 |
|
| 18525 |
naman |
5 |
<script type="text/javascript">
|
| 18683 |
naman |
6 |
$(document).on('click','.morebulkprice',function(e){
|
|
|
7 |
e.stopPropagation();
|
|
|
8 |
if($(this).find('.glyphicon').hasClass('glyphicon-chevron-down'))
|
| 18525 |
naman |
9 |
{
|
|
|
10 |
$(this).parent().parent().parent().find('.bulkpricingclass').removeClass('hidden');
|
| 18683 |
naman |
11 |
$(this).find('.glyphicon').removeClass('glyphicon-chevron-down');
|
|
|
12 |
$(this).find('.glyphicon').addClass('glyphicon-chevron-up');
|
| 18525 |
naman |
13 |
}
|
|
|
14 |
else
|
|
|
15 |
{
|
|
|
16 |
$(this).parent().parent().parent().find('.bulkpricingclass').addClass('hidden');
|
| 18683 |
naman |
17 |
$(this).find('.glyphicon').removeClass('glyphicon-chevron-up');
|
|
|
18 |
$(this).find('.glyphicon').addClass('glyphicon-chevron-down');
|
| 18525 |
naman |
19 |
}
|
|
|
20 |
});
|
|
|
21 |
|
| 18224 |
naman |
22 |
$(document).ready(function(){
|
|
|
23 |
$('.card').html(localStorage.getItem("productdetail"));
|
| 18234 |
amit.gupta |
24 |
$('.data-up:first').append('<a id="popovertrigger6" data-container="body" data-toggle="popover" data-placement="left" data-content="Buy Now"></a>');
|
|
|
25 |
showpopover("popovertrigger6", $('.row.card')[0]);
|
|
|
26 |
$('.popover').css('position','fixed');
|
| 18239 |
amit.gupta |
27 |
$('.popover-content').css('padding','9px');
|
|
|
28 |
try {
|
|
|
29 |
$("#popovertrigger6").popover('show');
|
|
|
30 |
}catch(err){
|
|
|
31 |
//
|
|
|
32 |
}
|
|
|
33 |
|
| 18235 |
amit.gupta |
34 |
setTimeout(function(){
|
|
|
35 |
$("#popovertrigger6").popover('hide');
|
|
|
36 |
},2000);
|
|
|
37 |
setInterval(function(){
|
|
|
38 |
try {
|
|
|
39 |
$("#popovertrigger6").popover('show');
|
|
|
40 |
}catch(err){
|
|
|
41 |
//
|
|
|
42 |
}
|
|
|
43 |
setTimeout(function(){
|
|
|
44 |
$("#popovertrigger6").popover('hide');
|
|
|
45 |
},2000);
|
|
|
46 |
},7000);
|
| 18224 |
naman |
47 |
$('.see_more_link').remove();
|
| 18211 |
naman |
48 |
var topmargin = $(".card").height();
|
| 18231 |
naman |
49 |
var value = " "+(topmargin+15)+"px 5px 5px 5px";
|
| 18211 |
naman |
50 |
$('#detailcontent').css("margin",value);
|
| 18234 |
amit.gupta |
51 |
//$('.popover').hide();
|
|
|
52 |
//$('.arrow').hide();
|
| 18224 |
naman |
53 |
$('div').removeClass("accsproduct");
|
|
|
54 |
$('h5').removeClass("accsproduct");
|
| 18231 |
naman |
55 |
|
|
|
56 |
$('.uvideo').click(function(){
|
|
|
57 |
window.history.pushState('forward', null, './forward');
|
|
|
58 |
var source= $(this).data('source');
|
|
|
59 |
// alert(source);
|
|
|
60 |
$('#content-add').empty();
|
|
|
61 |
var content = "<iframe width='100%' height='100%' src='http://www.youtube.com/embed/"+source+"?autoplay=1'></iframe>"
|
|
|
62 |
value = " "+(topmargin+10)+"px 5px 5px 5px";
|
|
|
63 |
$('#video-body').css("margin",value);
|
|
|
64 |
$('#content-add').append(content);
|
|
|
65 |
var producttitle = $(this).closest(".productdetails").find(".producttitle").html().trim();
|
|
|
66 |
ga('send', 'event', 'Video Link Clicked', producttitle, me);
|
|
|
67 |
$('#videoModal').modal('show');
|
|
|
68 |
});
|
|
|
69 |
|
|
|
70 |
if (window.history && window.history.pushState) {
|
|
|
71 |
|
|
|
72 |
$(window).on('popstate', function() {
|
|
|
73 |
$('#videoModal').modal('hide');
|
|
|
74 |
$('.text-center').empty();
|
|
|
75 |
});
|
|
|
76 |
|
|
|
77 |
}
|
|
|
78 |
|
| 18234 |
amit.gupta |
79 |
$('#videoModal').click(function(){
|
|
|
80 |
$('#content-add').empty();
|
| 18231 |
naman |
81 |
});
|
|
|
82 |
|
|
|
83 |
$('.close').click(function(){
|
|
|
84 |
$('#videoModal').modal('hide');
|
|
|
85 |
$('.text-center').empty();
|
|
|
86 |
});
|
|
|
87 |
|
| 18211 |
naman |
88 |
});
|
|
|
89 |
function loaded () {
|
|
|
90 |
myScroll = new IScroll('#wrapper', { scrollX: true, scrollY: false, mouseWheel: true, click: true, tap: true });
|
|
|
91 |
}
|
|
|
92 |
var a;
|
|
|
93 |
var b;
|
|
|
94 |
function togglelist(e, id) {
|
|
|
95 |
|
|
|
96 |
var el = document.getElementById(id);
|
|
|
97 |
if ((a != undefined) && (b != null) && (a != el)) {
|
|
|
98 |
a.style.display = 'none';
|
|
|
99 |
b.innerHTML = '+';
|
|
|
100 |
}
|
|
|
101 |
if (el.style.display != 'none') {
|
|
|
102 |
el.style.display = 'none';
|
|
|
103 |
e.currentTarget.children[1].innerHTML = '+';
|
|
|
104 |
} else {
|
|
|
105 |
el.style.display = '';
|
|
|
106 |
e.currentTarget.children[1].innerHTML = '-';
|
|
|
107 |
}
|
|
|
108 |
a = el;
|
|
|
109 |
b = e.currentTarget.children[1];
|
|
|
110 |
}
|
|
|
111 |
</script>
|
| 18245 |
naman |
112 |
<script type="text/javascript" src="/js/checkout.js?v=<?php echo $staticversion;?>"></script>
|
| 18211 |
naman |
113 |
<style>
|
|
|
114 |
.pd-tab {
|
|
|
115 |
background: #e5e6e0;
|
|
|
116 |
color: #555555;
|
|
|
117 |
text-transform: capitalize;
|
|
|
118 |
padding: 7px 5px;
|
|
|
119 |
font: 1.2em Helvetica, Arial, sans-serif;
|
|
|
120 |
margin-bottom: 2px;
|
|
|
121 |
width:100%;
|
|
|
122 |
}
|
|
|
123 |
.pd-tab span:nth-of-type(1) {
|
|
|
124 |
float: left;
|
|
|
125 |
margin-top: 3px;
|
|
|
126 |
}
|
|
|
127 |
.pd-tab span:nth-of-type(2) {
|
|
|
128 |
float: right;
|
|
|
129 |
font: 1.2em Helvetica, Arial, sans-serif;
|
|
|
130 |
}
|
|
|
131 |
.pd-tab-open {
|
|
|
132 |
width:90%;
|
|
|
133 |
margin: 10px;
|
|
|
134 |
}
|
|
|
135 |
.pd-tab-open table {
|
|
|
136 |
border: #f2f3ef solid 1px;
|
|
|
137 |
width: 99%;
|
|
|
138 |
border-collapse: collapse;
|
|
|
139 |
color: #555555;
|
|
|
140 |
margin-bottom: 10px;
|
|
|
141 |
}
|
|
|
142 |
.pd-tab-open table th {
|
|
|
143 |
background: #f2f3ef;
|
|
|
144 |
font: 1em Helvetica, Arial, sans-serif;
|
|
|
145 |
padding: 5px 0 5px 5px;
|
|
|
146 |
text-align: left;
|
|
|
147 |
}
|
|
|
148 |
.pd-tab-open table td {
|
|
|
149 |
font: 1em Helvetica, Arial, sans-serif;
|
|
|
150 |
text-align: center;
|
|
|
151 |
border-bottom: #f2f3ef solid 1px;
|
|
|
152 |
padding: 5px 3px;
|
|
|
153 |
}
|
|
|
154 |
.pd-tab-open table td:nth-of-type(1) {
|
|
|
155 |
border-right: #f2f3ef solid 1px;
|
|
|
156 |
text-align: left;
|
|
|
157 |
width: 25%;
|
|
|
158 |
}
|
|
|
159 |
.pd-tab-open table td:nth-of-type(2) {
|
|
|
160 |
|
|
|
161 |
text-align: left;
|
|
|
162 |
padding-left: 4px;
|
|
|
163 |
box-sizing: border-box;
|
|
|
164 |
-webkit-box-sizing: border-box;
|
|
|
165 |
-moz-box-sizing: border-box;
|
|
|
166 |
}
|
|
|
167 |
.pd-tab-open .detail-div {
|
|
|
168 |
color: #555555;
|
|
|
169 |
text-align: left;
|
|
|
170 |
font: 1.2em Helvetica, Arial, sans-serif;
|
|
|
171 |
}
|
|
|
172 |
|
|
|
173 |
#wrapper {
|
|
|
174 |
position: absolute;
|
|
|
175 |
z-index: 1;
|
|
|
176 |
top: 5px;
|
|
|
177 |
bottom: 48px;
|
|
|
178 |
left: 0;
|
|
|
179 |
width: 100%;
|
| 18231 |
naman |
180 |
height: 210px;
|
| 18211 |
naman |
181 |
overflow: hidden;
|
|
|
182 |
}
|
|
|
183 |
|
|
|
184 |
#scroller {
|
|
|
185 |
position: absolute;
|
|
|
186 |
z-index: 1;
|
|
|
187 |
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
|
188 |
/*width: 560px;*/
|
|
|
189 |
|
|
|
190 |
|
|
|
191 |
-webkit-transform: translateZ(0);
|
|
|
192 |
-moz-transform: translateZ(0);
|
|
|
193 |
-ms-transform: translateZ(0);
|
|
|
194 |
-o-transform: translateZ(0);
|
|
|
195 |
transform: translateZ(0);
|
|
|
196 |
-webkit-touch-callout: none;
|
|
|
197 |
-webkit-user-select: none;
|
|
|
198 |
-moz-user-select: none;
|
|
|
199 |
-ms-user-select: none;
|
|
|
200 |
user-select: none;
|
|
|
201 |
-webkit-text-size-adjust: none;
|
|
|
202 |
-moz-text-size-adjust: none;
|
|
|
203 |
-ms-text-size-adjust: none;
|
|
|
204 |
-o-text-size-adjust: none;
|
|
|
205 |
text-size-adjust: none;
|
|
|
206 |
}
|
|
|
207 |
|
|
|
208 |
#scroller ul {
|
|
|
209 |
list-style: none;
|
|
|
210 |
padding: 0;
|
|
|
211 |
margin: 0;
|
|
|
212 |
width: 100%;
|
|
|
213 |
|
|
|
214 |
text-align: center;
|
|
|
215 |
}
|
|
|
216 |
|
|
|
217 |
#scroller li {
|
|
|
218 |
display: block;
|
|
|
219 |
float: left;
|
| 18231 |
naman |
220 |
/*width: 140px;*/
|
|
|
221 |
width: 210px;
|
|
|
222 |
height: 210px;
|
| 18211 |
naman |
223 |
|
|
|
224 |
border-right: 1px solid #ccc;
|
| 18231 |
naman |
225 |
background-color: white;
|
| 18211 |
naman |
226 |
font-size: 14px;
|
|
|
227 |
}
|
|
|
228 |
.pd-images {
|
|
|
229 |
padding: 5px 10px;
|
|
|
230 |
|
|
|
231 |
border: #f1f1f1 solid 1
|
|
|
232 |
}
|
|
|
233 |
|
|
|
234 |
.goback {z-index:10; height: 32px; width: 32px; position: absolute;top:120px;padding:4px;}
|
|
|
235 |
</style>
|
|
|
236 |
|
| 18231 |
naman |
237 |
<div class="modal fade" id="videoModal">
|
|
|
238 |
<div class="modal-dialog">
|
|
|
239 |
<div class="modal-content" id='video-body'>
|
|
|
240 |
<div class="modal-body">
|
|
|
241 |
<div class="text-center" id='content-add'>
|
|
|
242 |
|
|
|
243 |
</div>
|
|
|
244 |
</div>
|
|
|
245 |
</div><!-- /.modal-content -->
|
|
|
246 |
</div><!-- /.modal-dialog -->
|
|
|
247 |
</div>
|
| 18224 |
naman |
248 |
<div class="modal fade" id="loadingModal">
|
|
|
249 |
<div class="modal-dialog">
|
|
|
250 |
<div class="modal-content">
|
|
|
251 |
<div class="modal-body">
|
|
|
252 |
<div class="text-center">
|
|
|
253 |
<img src="/img/ajax-loader.gif"/>
|
|
|
254 |
</div>
|
|
|
255 |
</div>
|
|
|
256 |
</div><!-- /.modal-content -->
|
|
|
257 |
</div><!-- /.modal-dialog -->
|
|
|
258 |
</div>
|
| 18211 |
naman |
259 |
|
| 18231 |
naman |
260 |
<div style="position:fixed;z-index:2;top:-5px; background:#58d936;padding:15px 5px 2px 5px;width:100%">
|
|
|
261 |
<a href="javascript:history.back();"><span class="glyphicon glyphicon-remove-circle pull-right" style='left: 5px;z-index: 55;font-size: 20px;color: #555;'></span></a>
|
| 18224 |
naman |
262 |
<div class="row card">
|
| 18211 |
naman |
263 |
|
|
|
264 |
|
|
|
265 |
</div>
|
| 18224 |
naman |
266 |
</div>
|
| 18211 |
naman |
267 |
|
| 18224 |
naman |
268 |
<div id = "detailcontent" style="background:white;position:relative;margin-bottom:50px;">
|
| 18211 |
naman |
269 |
|
|
|
270 |
<div id="wrapper" style="background:white;">
|
| 18231 |
naman |
271 |
<div id="scroller" style='width: <?php echo count($dealinfo['entity']['images'])*220;?>px;'>
|
| 18211 |
naman |
272 |
<ul>
|
|
|
273 |
<?php foreach($dealinfo['entity']['images'] as $image){?>
|
|
|
274 |
<?php //echo $image['url'];?>
|
| 18231 |
naman |
275 |
<li class='pd-images'><img src="<?php echo $image['url'];?>" height="100%" "></li>
|
| 18211 |
naman |
276 |
|
|
|
277 |
<?php } ?>
|
|
|
278 |
</ul>
|
|
|
279 |
</div>
|
| 18224 |
naman |
280 |
</div>
|
|
|
281 |
|
| 18231 |
naman |
282 |
<div style="position:absolute;top:210px;width:100%;padding-bottom:55px;">
|
| 18224 |
naman |
283 |
<div style="background:white;">
|
|
|
284 |
<?php if(isset($dealinfo['entity']['keySpecs']) && !empty($dealinfo['entity']['keySpecs'])):?>
|
|
|
285 |
<div class="pd-tab clearfix" >
|
|
|
286 |
<span>Highlights</span>
|
|
|
287 |
</div>
|
|
|
288 |
|
|
|
289 |
<div class="pd-tab-open" id="tab1">
|
|
|
290 |
<div class="detail-div">
|
|
|
291 |
<?php foreach($dealinfo['entity']['keySpecs'] as $value):?>
|
|
|
292 |
<?php echo "<div>".$value."</div>";?>
|
|
|
293 |
<?php endforeach;?>
|
|
|
294 |
</div>
|
|
|
295 |
</div>
|
|
|
296 |
<?php endif;?>
|
| 18211 |
naman |
297 |
|
| 18224 |
naman |
298 |
<?php if(isset($dealinfo['entity']['packageContents']) && !empty($dealinfo['entity']['packageContents'])):?>
|
|
|
299 |
<div class="pd-tab clearfix" >
|
|
|
300 |
<span>Package Contents</span>
|
|
|
301 |
</div>
|
|
|
302 |
|
|
|
303 |
<div class="pd-tab-open" id="tab1">
|
|
|
304 |
<div class="detail-div">
|
|
|
305 |
<?php foreach($dealinfo['entity']['packageContents'] as $value):?>
|
|
|
306 |
<?php echo "<div>".$value."</div>";?>
|
|
|
307 |
<?php endforeach;?>
|
|
|
308 |
</div>
|
|
|
309 |
</div>
|
|
|
310 |
<?php endif;?>
|
|
|
311 |
|
|
|
312 |
<?php if(isset($dealinfo['entity']['detailedSpecs']) && !empty($dealinfo['entity']['detailedSpecs'])):?>
|
|
|
313 |
<div class="pd-tab clearfix" onclick="togglelist(event,'tab2')">
|
|
|
314 |
<span>Detailed Specifications</span><span>-</span>
|
|
|
315 |
</div>
|
|
|
316 |
|
|
|
317 |
<div class="pd-tab-open" id="tab2" style="width:96%;">
|
|
|
318 |
<div class="detail-div">
|
|
|
319 |
<?php foreach($dealinfo['entity']['detailedSpecs'] as $key=> $value):?>
|
|
|
320 |
<table>
|
|
|
321 |
<tr>
|
|
|
322 |
<th colspan="2"><?php echo $value['title']; ?></th>
|
|
|
323 |
</tr>
|
|
|
324 |
<?php foreach ($value['specs'] as $item) {?>
|
|
|
325 |
<tr>
|
|
|
326 |
<td><?php echo $item['name'];?></td>
|
| 18315 |
amit.gupta |
327 |
<td><?php echo implode('<br>',$item['values']);?></td>
|
| 18224 |
naman |
328 |
</tr>
|
|
|
329 |
<?php }?>
|
|
|
330 |
</table>
|
|
|
331 |
<?php endforeach;?>
|
|
|
332 |
</div>
|
|
|
333 |
</div>
|
|
|
334 |
<?php endif;?>
|
| 18211 |
naman |
335 |
</div>
|
|
|
336 |
</div>
|
|
|
337 |
|
|
|
338 |
</div>
|
|
|
339 |
|
|
|
340 |
<?php echo $this->element('footer');?>
|
|
|
341 |
|
|
|
342 |
|
|
|
343 |
|
|
|
344 |
|