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