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