Subversion Repositories SmartDukaan

Rev

Rev 18211 | Rev 18231 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

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