| 2 |
lars |
1 |
<!-- $Id: item.tpl 2879 2022-11-22 07:43:57Z tiefland $ BEGIN -->
|
|
|
2 |
{if $item.preis > 0}
|
|
|
3 |
<script>
|
|
|
4 |
$(function(){
|
|
|
5 |
|
|
|
6 |
var w = $('.item_leftrow').width();
|
|
|
7 |
{* classname, windowWidth, slides, autoplay, infiniteLoop, forceWidth *}
|
|
|
8 |
var slider = initSlider( "sliderArtikelBilder", w, 6, false, false, true );
|
|
|
9 |
|
|
|
10 |
|
|
|
11 |
//pass the images to Fancybox
|
|
|
12 |
$("#img_zoom").click(function(e){
|
|
|
13 |
var ez = $('#img_zoom').data('elevateZoom');
|
|
|
14 |
var g = ez.getGalleryList();
|
|
|
15 |
$.fancybox.open(g,{
|
|
|
16 |
'openEffect' : 'elastic',
|
|
|
17 |
'closeEffect' : 'elastic',
|
|
|
18 |
'nextEffect' : 'fade',
|
|
|
19 |
'openSpeed' : 600,
|
|
|
20 |
'closeSpeed' : 200,
|
|
|
21 |
helpers : {
|
|
|
22 |
buttons : {}
|
|
|
23 |
}
|
|
|
24 |
});
|
|
|
25 |
});
|
|
|
26 |
|
|
|
27 |
{if $item.versandkosten_overlib}
|
|
|
28 |
$('.tooltip_opener').mouseenter(function(){
|
|
|
29 |
$('.tooltip').css("display","block");
|
|
|
30 |
});
|
|
|
31 |
$('.tooltip_opener').mouseleave(function(){
|
|
|
32 |
$('.tooltip').hide();
|
|
|
33 |
});
|
|
|
34 |
{/if}
|
|
|
35 |
|
|
|
36 |
var href = window.location.href;
|
|
|
37 |
if(href) {
|
|
|
38 |
var id = href.split("#");
|
|
|
39 |
if(id[1]) {
|
|
|
40 |
id = id[1];
|
|
|
41 |
$('#' + id).load("/module/reiter/" + id + ".php?item=" + {$item.ID});
|
|
|
42 |
$('#' + id).css("display","contents");
|
|
|
43 |
}
|
|
|
44 |
$('#beschreibung').css({
|
|
|
45 |
"opacity":1,
|
|
|
46 |
"margin-left":"0px",
|
|
|
47 |
});
|
|
|
48 |
}
|
|
|
49 |
$('#reiter > ul > li').click(function() {
|
|
|
50 |
$('.ui-tabs-panel').css({
|
|
|
51 |
"opacity":0,
|
|
|
52 |
"margin-left":"-5%",
|
|
|
53 |
});
|
|
|
54 |
var href = $("a",this).attr("href");
|
|
|
55 |
if(href) {
|
|
|
56 |
var id = href.split("#");
|
|
|
57 |
if(id[1]) {
|
|
|
58 |
id = id[1];
|
|
|
59 |
$('#' + id).load("/module/reiter/" + id + ".php?item=" + {$item.ID});
|
|
|
60 |
$('#'+id).css({
|
|
|
61 |
"opacity":1,
|
|
|
62 |
"margin-left":"0px",
|
|
|
63 |
});
|
|
|
64 |
}
|
|
|
65 |
}
|
|
|
66 |
});
|
|
|
67 |
$("a.euLabel").css("cursor","pointer").click(showEuLabel);
|
|
|
68 |
$('#euLabelLayer').dialog({
|
|
|
69 |
autoOpen:false,
|
|
|
70 |
modal:true,
|
|
|
71 |
resizable:false,
|
|
|
72 |
width:500,
|
|
|
73 |
height:610,
|
|
|
74 |
show: "fade",
|
|
|
75 |
hide: "fade",
|
|
|
76 |
overflow: "auto",
|
|
|
77 |
});
|
|
|
78 |
});
|
|
|
79 |
function showEuLabel()
|
|
|
80 |
{
|
|
|
81 |
bild=$(this).attr("data-link");
|
|
|
82 |
$('#euLabelLayerBild').attr("src",bild);
|
|
|
83 |
$('#euLabelLayer').dialog("open");
|
|
|
84 |
}
|
|
|
85 |
</script>
|
|
|
86 |
|
|
|
87 |
|
|
|
88 |
<style>
|
|
|
89 |
.zoomWrapper{
|
|
|
90 |
border: none;
|
|
|
91 |
}
|
|
|
92 |
#img_zoom{
|
|
|
93 |
}
|
|
|
94 |
.ui-widget-header {
|
|
|
95 |
background-image:none!important;
|
|
|
96 |
}
|
|
|
97 |
/*
|
|
|
98 |
.bx-wrapper .bx-prev {
|
|
|
99 |
left:-8%;
|
|
|
100 |
}
|
|
|
101 |
.bx-wrapper .bx-next {
|
|
|
102 |
right:-8%;
|
|
|
103 |
}
|
|
|
104 |
.bx-wrapper .bx-controls-direction a {
|
|
|
105 |
top:36%;
|
|
|
106 |
}
|
|
|
107 |
|
|
|
108 |
#gallery ul {
|
|
|
109 |
display:contents;
|
|
|
110 |
}
|
|
|
111 |
*/
|
|
|
112 |
#beschreibung_content table td {
|
|
|
113 |
padding:5px;
|
|
|
114 |
}
|
|
|
115 |
.versand_aufschlag {
|
|
|
116 |
cursor:help;
|
|
|
117 |
border-radius:3px;
|
|
|
118 |
padding:2% 1%;
|
|
|
119 |
background:#e91524;
|
|
|
120 |
color:#fff;
|
|
|
121 |
text-align:center;
|
|
|
122 |
width:90%;
|
|
|
123 |
margin:10px 0;
|
|
|
124 |
}
|
|
|
125 |
|
|
|
126 |
.content .box_2 .thumbs_container .thumbs {
|
|
|
127 |
display:flex;
|
|
|
128 |
}
|
|
|
129 |
|
|
|
130 |
</style>
|
|
|
131 |
<script>
|
|
|
132 |
{if ( $smarty.post.billigerGesehen )}
|
|
|
133 |
window.alert("Vielen Dank für Ihre Anfrage. Sie erhalten in Kürze eine Antwort von uns.")
|
|
|
134 |
{/if}
|
|
|
135 |
|
|
|
136 |
$(function(){
|
|
|
137 |
var data = [];
|
|
|
138 |
data.push({ name: "seitenID", value: {$smarty.get.item} });
|
|
|
139 |
data.push({ name: "type", value: "artikel" });
|
|
|
140 |
|
|
|
141 |
$.ajax({
|
|
|
142 |
type: "POST",
|
|
|
143 |
url: "/module/seitenzugriff.php",
|
|
|
144 |
data: data
|
|
|
145 |
});
|
|
|
146 |
|
|
|
147 |
// yt dialog
|
|
|
148 |
w = 520;
|
|
|
149 |
var ww = $(window).width();
|
|
|
150 |
if(ww<768) {
|
|
|
151 |
w = ww;
|
|
|
152 |
}
|
|
|
153 |
$('#youtube').dialog({
|
|
|
154 |
autoOpen:false,
|
|
|
155 |
modal:true,
|
|
|
156 |
width:w,
|
|
|
157 |
resizable:true,
|
|
|
158 |
close:function()
|
|
|
159 |
{
|
|
|
160 |
$('#youtubeFrame').attr("src","")
|
|
|
161 |
}
|
|
|
162 |
});
|
|
|
163 |
|
|
|
164 |
|
|
|
165 |
$('.youtubeLink').css("cursor","pointer").click(function(){
|
|
|
166 |
// youtubeFrame height
|
|
|
167 |
if(ww<768) {
|
|
|
168 |
w = ww;
|
|
|
169 |
}
|
|
|
170 |
var f = 1.77777;
|
|
|
171 |
var h = w/f;
|
|
|
172 |
$('#youtubeFrame').height(h);
|
|
|
173 |
$('#youtubeFrame').attr("src",$(this).attr("data-src"))
|
|
|
174 |
$('#youtube').dialog("open");
|
|
|
175 |
});
|
|
|
176 |
|
|
|
177 |
|
|
|
178 |
|
|
|
179 |
|
|
|
180 |
var data = [];
|
|
|
181 |
data.push({ name: "seitenID", value: {$smarty.get.item} });
|
|
|
182 |
data.push({ name: "type", value: "artikel" });
|
|
|
183 |
|
|
|
184 |
$.ajax({
|
|
|
185 |
type: "POST",
|
|
|
186 |
url: "/module/seitenzugriff.php",
|
|
|
187 |
data: data
|
|
|
188 |
});
|
|
|
189 |
|
|
|
190 |
|
|
|
191 |
|
|
|
192 |
|
|
|
193 |
|
|
|
194 |
|
|
|
195 |
|
|
|
196 |
$(function(){
|
|
|
197 |
$("a.euLabel").css("cursor","pointer").click(showEuLabel);
|
|
|
198 |
$('#euLabelLayer').dialog({
|
|
|
199 |
autoOpen:false,
|
|
|
200 |
modal:true,
|
|
|
201 |
resizable:false,
|
|
|
202 |
width:"auto",
|
|
|
203 |
height:"auto",
|
|
|
204 |
show: "fade",
|
|
|
205 |
hide: "fade",
|
|
|
206 |
overflow: "auto",
|
|
|
207 |
});
|
|
|
208 |
});
|
|
|
209 |
function showEuLabel()
|
|
|
210 |
{
|
|
|
211 |
bild=$(this).attr("data-link");
|
|
|
212 |
$('#euLabelLayerBild').attr("src",bild);
|
|
|
213 |
$('#euLabelLayer').dialog("open");
|
|
|
214 |
}
|
|
|
215 |
|
|
|
216 |
|
|
|
217 |
});
|
|
|
218 |
|
|
|
219 |
</script>
|
|
|
220 |
|
|
|
221 |
|
|
|
222 |
{*
|
|
|
223 |
<div class="skycraper_img"><a href=""><img src="/images/webelemente/skyscraper.jpg" style="float: right;margin-right: -17%;margin-top: 1%;" /></a></div>
|
|
|
224 |
*}
|
|
|
225 |
<div class="box_2">
|
|
|
226 |
|
|
|
227 |
{if $item.cntRatings>0}
|
|
|
228 |
<div style="display:none">
|
|
|
229 |
<span>{$item.avgRating}</span>
|
|
|
230 |
<span>{$item.cntRatings}</span>
|
|
|
231 |
<span>1</span>
|
|
|
232 |
<span>5</span>
|
|
|
233 |
<span>{$item.kurzbezeichnung}</span>
|
|
|
234 |
</div>
|
|
|
235 |
{/if}
|
|
|
236 |
|
|
|
237 |
<!-- Strkturierte Daten -->
|
|
|
238 |
<meta content="{$item.ID}" />
|
|
|
239 |
{if $item.EAN}
|
|
|
240 |
<meta content="{$item.EAN}" />
|
|
|
241 |
{/if}
|
|
|
242 |
{if $item.mpn}
|
|
|
243 |
<meta content="{$item.mpn}" />
|
|
|
244 |
{/if}
|
|
|
245 |
{foreach $item.medien as $key => $bild}
|
|
|
246 |
{if $item.medien[$key]->medium.typ=="Bild"}
|
|
|
247 |
{if $bild@index == 2}
|
|
|
248 |
{break}
|
|
|
249 |
{/if}
|
|
|
250 |
<link href="{$item.medien[$key]->medium.bild_url}" />
|
|
|
251 |
{/if}
|
|
|
252 |
{/foreach}
|
|
|
253 |
<div>
|
|
|
254 |
<meta content="{$item.hersteller_Bezeichnung|default:$item.hersteller_Name}"/>
|
|
|
255 |
</div>
|
|
|
256 |
<!-- Strkturierte Daten ENDE-->
|
|
|
257 |
|
|
|
258 |
|
|
|
259 |
<div class="box_middle">
|
|
|
260 |
<div class="item-3-cols">
|
|
|
261 |
<!-- item_left_row -->
|
|
|
262 |
<div class="item_leftrow">
|
|
|
263 |
|
|
|
264 |
<div class="desktop">
|
|
|
265 |
<div class="item_img">
|
|
|
266 |
{if $item.medien[0]->medium.typ_id==1}
|
|
|
267 |
{if isset($item.medien[0]->medium.bild_url_ba) && $item.medien[0]->medium.bild_url_ba != $ini.itemKorrektur.noImage}
|
|
|
268 |
<img class="mausDrin" src="{$item.medien[0]->medium.bild_url_ba}" {if $item.medien[0]->medium["beschreibung"] != ""}alt="{$item.medien[0]->medium["beschreibung"]}" title="{$item.medien[0]->medium["beschreibung"]}"{else}alt="{$item.kurzbezeichnung}" title="{$item.kurzbezeichnung}" {/if} id="img_zoom" data-zoom-image="{$item.medien[0]->medium.bild_url}" />
|
|
|
269 |
{elseif isset($item.FatherInfo.Artstamm.medien[0]->medium.bild_url_ba) && $item.FatherInfo.Artstamm.medien[0]->medium.bild_url_ba != $ini.itemKorrekur.noImage}
|
|
|
270 |
<img class="mausDrin" src="{$item.FatherInfo.Artstamm.medien[0]->medium.bild_url_ba}" {if $item.FatherInfo.Artstamm.medien[0]->medium["beschreibung"] != ""}alt="{$item.FatherInfo.Artstamm.medien[0]->medium["beschreibung"]}" title="{$item.FatherInfo.Artstamm.medien[0]->medium["beschreibung"]}"{else}alt="{$item.kurzbezeichnung}" title="{$item.kurzbezeichnung}" {/if} id="img_zoom" data-zoom-image="{$item.FatherInfo.Artstamm.medien[0]->medium.bild_url}" />
|
|
|
271 |
<br />Bild aus der Produktgruppe
|
|
|
272 |
{else}
|
|
|
273 |
<img src="{$item.medien[0]->medium.bild_url_ba}" {if $item.medien[0]->medium["beschreibung"] != ""}alt="{$item.medien[0]->medium["beschreibung"]}" title="{$item.medien[0]->medium["beschreibung"]}"{else}alt="{$item.kurzbezeichnung}" title="{$item.kurzbezeichnung}" {/if} />
|
|
|
274 |
{/if}
|
|
|
275 |
{else}
|
|
|
276 |
<img src="/images/webelemente/noPicture.gif" alt="kein Bild vorhanden" />
|
|
|
277 |
{/if}
|
|
|
278 |
{if $item.medien[0]->medium['aehnlich']==1 && !stristr( $item.medien[0]->medium.bild_url_klein, "noPicture.gif")}
|
|
|
279 |
<div style="margin-left:10px;margin-top:-23px;"> -- Abbildung ähnlich --</div>
|
|
|
280 |
{/if}
|
|
|
281 |
</div>
|
|
|
282 |
{assign var=anzBilder value=0}
|
|
|
283 |
{foreach $item.medien as $key => $bild}
|
|
|
284 |
{if $bild->medium.typ_id==1}
|
|
|
285 |
{assign var=anzBilder value=$anzBilder+1}
|
|
|
286 |
{/if}
|
|
|
287 |
{/foreach}
|
|
|
288 |
{if $anzBilder > 1}
|
|
|
289 |
<div class="thumbs_container" id="gallery">
|
|
|
290 |
<ul class="sliderArtikelBilder">
|
|
|
291 |
{foreach $item.medien as $key => $bild}
|
|
|
292 |
{if $item.medien[$key]->medium.typ=="Bild"}
|
|
|
293 |
<li class="thumbs">
|
|
|
294 |
<a href="#" data-image="{$item.medien[$key]->medium.bild_url_ba}" data-zoom-image="{$item.medien[$key]->medium.bild_url}" title="Artikelbild">
|
|
|
295 |
<img src="{$item.medien[$key]->medium.bild_url_mini}" class="mausDrin" {if $item.medien[$key]->medium["beschreibung"] != ""}alt="{$item.medien[$key]->medium["beschreibung"]}" title="{$item.medien[$key]->medium["beschreibung"]}"{else}alt="{$item.kurzbezeichnung}" title="{$item.kurzbezeichnung}"{/if}/>
|
|
|
296 |
</a>
|
|
|
297 |
</li>
|
|
|
298 |
{/if}
|
|
|
299 |
{/foreach}
|
|
|
300 |
</ul>
|
|
|
301 |
</div>
|
|
|
302 |
{/if}
|
|
|
303 |
<div class="thumbs_container_video">
|
|
|
304 |
<ul class="sliderVideos">
|
|
|
305 |
{foreach $item.medien as $key => $bild}
|
|
|
306 |
{if $bild->medium.typ_id==3}
|
|
|
307 |
<li class="thumbs" style="float:left;">
|
|
|
308 |
<a data-src="{$bild->medium.name}?rel=0&autoplay=1&enablejsapi=1" class="youtubeLink">
|
|
|
309 |
<div style="margin-left: 24px;
|
|
|
310 |
margin-top: 20px !important;
|
|
|
311 |
position: absolute;
|
|
|
312 |
text-align: center !important;
|
|
|
313 |
z-index: 1000 !important;">
|
|
|
314 |
<img src="/images/webelemente/YouTube-icon-full_color.png" />
|
|
|
315 |
</div>
|
|
|
316 |
<img src="/images/upload/video_thumbnails/{$bild->medium.folder}.jpg" />
|
|
|
317 |
</a>
|
|
|
318 |
</li>
|
|
|
319 |
{/if}
|
|
|
320 |
{/foreach}
|
|
|
321 |
</ul>
|
|
|
322 |
</div>
|
|
|
323 |
|
|
|
324 |
</div>
|
|
|
325 |
|
|
|
326 |
|
|
|
327 |
{if $smarty.session.isMobile==true}
|
|
|
328 |
<div class="mobile">
|
|
|
329 |
{if $item.NEU}
|
|
|
330 |
<div class="neu_icon_item">
|
|
|
331 |
NEU!
|
|
|
332 |
</div>
|
|
|
333 |
{/if}
|
|
|
334 |
|
|
|
335 |
{if $item.medien|count > 1}
|
|
|
336 |
{include file="artikel_bild_slider.tpl"}
|
|
|
337 |
{else}
|
|
|
338 |
<div class="box_singleitem_img">
|
|
|
339 |
{if $item.medien[0]->medium.bild_url != $ini.itemKorrektur.noImage}
|
|
|
340 |
<img class="mausDrin" src="{$item.medien[0]->medium.bild_url}" {if $item.medien[0]->medium["beschreibung"] != ""}alt="{$item.medien[0]->medium["beschreibung"]}" title="{$item.medien[0]->medium["beschreibung"]}"{else}alt="{$item.kurzbezeichnung}" title="{$item.kurzbezeichnung}" {/if} id="img_zoom" data-zoom-image="{$item.medien[0]->medium.bild_url_gr}" />
|
|
|
341 |
{/if}
|
|
|
342 |
</div>
|
|
|
343 |
{/if}
|
|
|
344 |
|
|
|
345 |
<div class="thumbs_container_video">
|
|
|
346 |
<ul class="sliderVideos">
|
|
|
347 |
{foreach $item.medien as $key => $bild}
|
|
|
348 |
{if $bild->medium.typ_id==3}
|
|
|
349 |
<li class="thumbs" style="float:left;">
|
|
|
350 |
<a data-src="{$bild->medium.name}?rel=0&autoplay=1&enablejsapi=1" class="youtubeLink">
|
|
|
351 |
<div style="margin-left: 24px;
|
|
|
352 |
margin-top: 20px !important;
|
|
|
353 |
position: absolute;
|
|
|
354 |
text-align: center !important;
|
|
|
355 |
z-index: 1000 !important;">
|
|
|
356 |
<img src="/images/webelemente/YouTube-icon-full_color.png" />
|
|
|
357 |
</div>
|
|
|
358 |
<img src="/images/upload/video_thumbnails/{$bild->medium.folder}.jpg" />
|
|
|
359 |
</a>
|
|
|
360 |
</li>
|
|
|
361 |
{/if}
|
|
|
362 |
{/foreach}
|
|
|
363 |
</ul>
|
|
|
364 |
</div>
|
|
|
365 |
|
|
|
366 |
</div>
|
|
|
367 |
{/if}
|
|
|
368 |
|
|
|
369 |
</div>
|
|
|
370 |
{*
|
|
|
371 |
<!-- item_center_row -->
|
|
|
372 |
<div class="item_centerrow">
|
|
|
373 |
<!-- Hersteller -->
|
|
|
374 |
{if $item.hersteller_Logo1}
|
|
|
375 |
<div id="herstellerLogo">
|
|
|
376 |
<span class="item_herstellerlogo">
|
|
|
377 |
<a href="?hersteller={$item.hersteller_ID}">{$item.hersteller_Logo1}</a>
|
|
|
378 |
</span>
|
|
|
379 |
|
|
|
380 |
{if $item.hersteller_Name || $item.hersteller_Bezeichnung}
|
|
|
381 |
<span class="preis_lieferstatus">
|
|
|
382 |
Hersteller: {$item.hersteller_Bezeichnung|default:$item.hersteller_Name}
|
|
|
383 |
</span>
|
|
|
384 |
{/if}
|
|
|
385 |
</div>
|
|
|
386 |
{/if}
|
|
|
387 |
|
|
|
388 |
<div class="leftrow_flex">
|
|
|
389 |
{if $item.cntRatings>0}
|
|
|
390 |
<div class="bewertungen" title="{$item.avgRating} von 5 Sternen">
|
|
|
391 |
{for $i=1;$i<=$item.avgRating|floor;$i++}
|
|
|
392 |
<img src="/images/webelemente/fullstar.png" />
|
|
|
393 |
{/for}
|
|
|
394 |
{if $item.avgRating|stristr:"."}
|
|
|
395 |
{if $item.avgRating|substr:-1 <=2}
|
|
|
396 |
<img src="/images/webelemente/emptystar.png" />
|
|
|
397 |
{elseif $item.avgRating|substr:-1 <=7}
|
|
|
398 |
<img src="/images/webelemente/halfstar.png" />
|
|
|
399 |
{else}
|
|
|
400 |
<img src="/images/webelemente/fullstar.png" />
|
|
|
401 |
{/if}
|
|
|
402 |
{/if}
|
|
|
403 |
{for $i=($item.avgRating+1)|ceil;$i<=5;$i++}
|
|
|
404 |
<img src="/images/webelemente/emptystar.png" />
|
|
|
405 |
{/for}
|
|
|
406 |
<span style="vertical-align:top"> ({$item.cntRatings})</span>
|
|
|
407 |
{if $ini.Produktbewertungen.Besucherbewertung==1}
|
|
|
408 |
<span style="vertical-align:top">
|
|
|
409 |
<a href="/produktbewertung_direct_{$item.ID}.php" style="vertical-align:top">eigene Bewertung abgeben</a>
|
|
|
410 |
</span>
|
|
|
411 |
{/if}
|
|
|
412 |
</div>
|
|
|
413 |
{/if}
|
|
|
414 |
|
|
|
415 |
|
|
|
416 |
<!-- Lagerbestand -->
|
|
|
417 |
{include file="item_kurier.tpl"}
|
|
|
418 |
{include file="lagerbestand.tpl"}
|
|
|
419 |
{if $item.short_line_2}
|
|
|
420 |
|
|
|
421 |
<!-- Lagertemperatur -->
|
|
|
422 |
<div class="item_icons">
|
|
|
423 |
<img src="/images/webelemente/svg/cooling.svg" /><br />
|
|
|
424 |
Kühlung:{if date("N")==4 || date("N")==5}<sup>*</sup>{/if}<br />
|
|
|
425 |
{$item.short_line_2}
|
|
|
426 |
</div>
|
|
|
427 |
{/if}
|
|
|
428 |
|
|
|
429 |
{if $item.medien|count>1}
|
|
|
430 |
<div class="icons">
|
|
|
431 |
{assign var="showEULabel" value=0}
|
|
|
432 |
{foreach $item.medien as $medium}
|
|
|
433 |
{if $medium->medium.typ_id==6 || $medium->medium.typ_id==5}
|
|
|
434 |
{if $medium->medium.typ_id==5}
|
|
|
435 |
<div>
|
|
|
436 |
<a class="euLabel" data-link="{$medium->medium.abs_bild_url}" style="float:left;" title="{$medium->medium.beschreibung}">
|
|
|
437 |
<img src="{$medium->medium.abs_bild_url_klein}" align="absmiddle" />
|
|
|
438 |
</a>
|
|
|
439 |
{assign var="showEULabel" value=1}
|
|
|
440 |
</div>
|
|
|
441 |
{else}
|
|
|
442 |
<div>
|
|
|
443 |
<img src="{$medium->medium.bild_url_klein}" title="{$medium->medium.beschreibung}" />
|
|
|
444 |
</div>
|
|
|
445 |
{/if}
|
|
|
446 |
{/if}
|
|
|
447 |
{/foreach}
|
|
|
448 |
|
|
|
449 |
|
|
|
450 |
</div>
|
|
|
451 |
{/if}
|
|
|
452 |
</div>
|
|
|
453 |
|
|
|
454 |
</div>
|
|
|
455 |
*}
|
|
|
456 |
|
|
|
457 |
<!-- item_rightrow -->
|
|
|
458 |
<div class="item_rightrow">
|
|
|
459 |
<div class="logo_breadcrumb">
|
|
|
460 |
<span style="float: left;min-width:100px;">{$item.hersteller_Logo1}</span>
|
|
|
461 |
{include file="shopposition.tpl"}
|
|
|
462 |
</div>
|
|
|
463 |
|
|
|
464 |
<!-- Artikelname -->
|
|
|
465 |
|
|
|
466 |
<h1 id="item_name_h1">{$item.hersteller_kurzbezeichnung}</h1>
|
|
|
467 |
|
|
|
468 |
<!-- UVP -->
|
|
|
469 |
{assign var=UVP value="preis`$ini.uvpPreisIndex`"}
|
|
|
470 |
{if $ini.template.durchstreichpreise==1 && $item.$UVP > $item.preis}
|
|
|
471 |
<div class="break"></div>
|
|
|
472 |
<span class="infopic strike uvp">
|
|
|
473 |
UVP: <span class="euro">€</span> {$item.$UVP|money_format|replace:"USD":"$"|replace:"EUR":""}
|
|
|
474 |
</span>
|
|
|
475 |
<div class="break"></div>
|
|
|
476 |
{/if}
|
|
|
477 |
<!-- Preis / Gebindeeinheit -->
|
|
|
478 |
<div>
|
|
|
479 |
<span style="display:none">
|
|
|
480 |
<link href="{$ini.URL}{$item.itemLink}" />
|
|
|
481 |
<span>{$item.preis}</span>
|
|
|
482 |
<span>EUR</span>
|
|
|
483 |
<meta content="{"+21 days"|date_format:"%Y-%m-%d"}" />
|
|
|
484 |
<!-- Lieferstatus -->
|
|
|
485 |
</span>
|
|
|
486 |
<div class="preis_lieferstatus">
|
|
|
487 |
{if $item.LieferstatusValue==4}
|
|
|
488 |
<div>
|
|
|
489 |
<img src="/images/webelemente/24h_lieferung.svg">
|
|
|
490 |
</div>
|
|
|
491 |
{/if}
|
|
|
492 |
<div>
|
|
|
493 |
{include file="lieferstatus.tpl" mode="item"}
|
|
|
494 |
</div>
|
|
|
495 |
</div>
|
|
|
496 |
|
|
|
497 |
</div>
|
|
|
498 |
|
|
|
499 |
{if $item.medien|count>1}
|
|
|
500 |
<div class="icons">
|
|
|
501 |
{foreach $item.medien as $medium}
|
|
|
502 |
{if $medium->medium.typ_id==6}
|
|
|
503 |
<img src="{$medium->medium.bild_url_klein}" />
|
|
|
504 |
{/if}
|
|
|
505 |
{/foreach}
|
|
|
506 |
</div>
|
|
|
507 |
{/if}
|
|
|
508 |
|
|
|
509 |
<div class="item_preis" id="visiblePrice">
|
|
|
510 |
{$item.preis|money_format|replace:"EUR":"€"}
|
|
|
511 |
</div>
|
|
|
512 |
|
|
|
513 |
|
|
|
514 |
{if $item.gewicht != 1 && $item.preis_einheit && $item.gewicht>0}
|
|
|
515 |
<span class="item_preiseinheit">
|
|
|
516 |
/ {$item.gewicht|number_format:2} {$item.preis_einheit}
|
|
|
517 |
</span>
|
|
|
518 |
{/if}
|
|
|
519 |
|
|
|
520 |
|
|
|
521 |
|
|
|
522 |
<!-- Preis / Versandkosten -->
|
|
|
523 |
<div class="small clear">
|
|
|
524 |
<span class="item_preis_message">
|
|
|
525 |
{if ( isset( $smarty.session.netto_preis ) && $smarty.session.netto_preis == true ) || $ini.netto_preise == true}
|
|
|
526 |
{$langstrings.shop.price_msg}
|
|
|
527 |
{else}
|
|
|
528 |
{$langstrings.shop.price_msg_brutto}
|
|
|
529 |
{/if}
|
|
|
530 |
|
|
|
531 |
<a href="/cms/service/standard-titel/versandinformationen" class="tooltip_opener">{$langstrings.shop.price_msg_link}</a>
|
|
|
532 |
|
|
|
533 |
{*
|
|
|
534 |
{if $item.versandkosten_overlib}
|
|
|
535 |
<span class="tooltip">
|
|
|
536 |
<h3 style="padding:0;">mögliche Versandkosten:</h3><br />
|
|
|
537 |
<p>
|
|
|
538 |
{$item.versandkosten_overlib|html_entity_decode}
|
|
|
539 |
</p>
|
|
|
540 |
</span>
|
|
|
541 |
{/if}
|
|
|
542 |
*}
|
|
|
543 |
|
|
|
544 |
<!-- Preis / Grundpreis -->
|
|
|
545 |
{if $item.gebinde_menge > 0 && $item.gebinde_einheit}
|
|
|
546 |
<br /> Grundpreis: {($item.preis/$item.gebinde_menge)|number_format:2} € / {$item.gebinde_einheit}
|
|
|
547 |
{/if}
|
|
|
548 |
|
|
|
549 |
</span>
|
|
|
550 |
|
|
|
551 |
{if $item.preis > 1 && $item.vk_preis && $item.nachlass_prozent>5}
|
|
|
552 |
<div class="sie_sparen">
|
|
|
553 |
<div>
|
|
|
554 |
<div class="strike">{$item.vk_preis|money_format|replace:"EUR":"€"|replace:"USD":"$"}</div>
|
|
|
555 |
Sie sparen: {($item.vk_preis-$item.preis)|money_format|replace:"EUR":"€"|replace:"USD":"$"} ({$item.nachlass_prozent|round}%)
|
|
|
556 |
</div>
|
|
|
557 |
</div>
|
|
|
558 |
{/if}
|
|
|
559 |
|
|
|
560 |
{if $item.versand_aufschlag>0}
|
|
|
561 |
<div class="versand_aufschlag" title="{$langstrings.shop.versand_aufschlag|default:"DHL Sperrgutversand"}">
|
|
|
562 |
zzgl. Versandaufschlag: {$item.versand_aufschlag|number_format:2|replace:" ":" "} €
|
|
|
563 |
</div>
|
|
|
564 |
{if $langstrings.item.versand_aufschlag}
|
|
|
565 |
<p>{$langstrings.item.versand_aufschlag}</p>
|
|
|
566 |
{/if}
|
|
|
567 |
{/if}
|
|
|
568 |
|
|
|
569 |
|
|
|
570 |
</div>
|
|
|
571 |
|
|
|
572 |
{*
|
|
|
573 |
{if $ini.PayPalPlus.aktiv==1 && $ini.PayPalPlus.clientId}
|
|
|
574 |
<div class="item_pp_message" data-pp-message data-pp-amount="{$item.preis}"></div>
|
|
|
575 |
{/if}
|
|
|
576 |
*}
|
|
|
577 |
|
|
|
578 |
{if $item.preis >= 200 && $ini.easycredit.aktiv==1}
|
|
|
579 |
<div class="easycredit_box" style="margin-top:10px;">
|
|
|
580 |
<div><img src="/images/webelemente/za_easycredit.png" alt="easycredit Logo"></div>
|
|
|
581 |
<div id="finanzierung"></div>
|
|
|
582 |
</div>
|
|
|
583 |
|
|
|
584 |
{/if}
|
|
|
585 |
|
|
|
586 |
|
|
|
587 |
{*
|
|
|
588 |
<!-- Versandkosten Link -->
|
|
|
589 |
<a class="vk_link" href="/cms/zahlung-und-versand/" target="_blank">Versandkosten</a>
|
|
|
590 |
*}
|
|
|
591 |
<!-- nur Abholung -->
|
|
|
592 |
{if $item.Eigenschaft_1==1}
|
|
|
593 |
<span class="lieferstatusText liefer_orange">
|
|
|
594 |
Versand: nur Spedition
|
|
|
595 |
</span>
|
|
|
596 |
{/if}
|
|
|
597 |
|
|
|
598 |
|
|
|
599 |
|
|
|
600 |
<form action="/" id="basket" onsubmit="return false;">
|
|
|
601 |
|
|
|
602 |
<!-- Optionen -->
|
|
|
603 |
{if $optionen}
|
|
|
604 |
<script>
|
|
|
605 |
$(document).ready(function() {
|
|
|
606 |
let origPrice = $("#optionPreis").data("preis");
|
|
|
607 |
const optionen = {$optionen|json_encode};
|
|
|
608 |
let newPrice = origPrice;
|
|
|
609 |
|
|
|
610 |
$('select.options').change(function() {
|
|
|
611 |
newPrice = origPrice;
|
|
|
612 |
$('select.options').each(function(){
|
|
|
613 |
newPrice += optionAufschlag(this,optionen);
|
|
|
614 |
});
|
|
|
615 |
$('#optionPreis').val(newPrice);
|
|
|
616 |
$('#visiblePrice').html(newPrice.money_format() + " €");
|
|
|
617 |
});
|
|
|
618 |
|
|
|
619 |
|
|
|
620 |
$('select.options').each(function(){
|
|
|
621 |
newPrice += optionAufschlag(this,optionen);
|
|
|
622 |
});
|
|
|
623 |
$('#optionPreis').val(newPrice);
|
|
|
624 |
$('#visiblePrice').html(newPrice.money_format() + " €");
|
|
|
625 |
|
|
|
626 |
|
|
|
627 |
|
|
|
628 |
});
|
|
|
629 |
function optionAufschlag(opt,optionen) {
|
|
|
630 |
let aufschlag = 0;
|
|
|
631 |
const optid = $("option:selected",opt).attr("value");
|
|
|
632 |
if(optid) {
|
|
|
633 |
for(key in optionen) {
|
|
|
634 |
for(key2 in optionen[key].options) {
|
|
|
635 |
if(key2==optid) {
|
|
|
636 |
aufschlag = parseFloat(optionen[key].options[key2].aufschlag);
|
|
|
637 |
}
|
|
|
638 |
}
|
|
|
639 |
}
|
|
|
640 |
}
|
|
|
641 |
return aufschlag;
|
|
|
642 |
}
|
|
|
643 |
</script>
|
|
|
644 |
<div class="options">
|
|
|
645 |
{include file="options.tpl"}
|
|
|
646 |
</div>
|
|
|
647 |
{/if}
|
|
|
648 |
|
|
|
649 |
|
|
|
650 |
{if $ini.addons.selectbox == 1 && $addons}
|
|
|
651 |
{include file="addons_select.tpl"}
|
|
|
652 |
{/if}
|
|
|
653 |
|
|
|
654 |
<input type="hidden" name="confirm" value="true" />
|
|
|
655 |
<input type="hidden" name="buy" value="false" />
|
|
|
656 |
<input type="hidden" name="Menge" value="1" />
|
|
|
657 |
<input type="hidden" name="item" value="{$item.ID}" />
|
|
|
658 |
<input type="hidden" id="optionPreis" data-preis="{$item.preis}" name="preis" value="{$item.preis}" />
|
|
|
659 |
|
|
|
660 |
<input type="hidden" name="basket" value="true" />
|
|
|
661 |
|
|
|
662 |
|
|
|
663 |
|
|
|
664 |
|
|
|
665 |
<!-- Warenkorb Button -->
|
|
|
666 |
<div class="itemBasketButton">
|
|
|
667 |
<div class="basketButton">
|
|
|
668 |
{if !$smarty.session.SHOP.hash}
|
|
|
669 |
{assign var="lieferbareArtikel" value=explode(",",$ini.itemKorrektur.lieferbareArtikel)}
|
|
|
670 |
{if (in_array($item.LieferstatusValue,$lieferbareArtikel) || $ini.itemKorrektur.lieferbareArtikelNurBestellbar!=1)
|
|
|
671 |
&& $item.LieferstatusMaintainer==$ini.itemKorrektur.ignoreBestandOnLieferstatusMaintainer}
|
|
|
672 |
|
|
|
673 |
<div class="basketMenge">
|
|
|
674 |
<div class="mengen_input">
|
|
|
675 |
<input class="mengeninput" type="text" name="Menge" value="1" id="menge" />
|
|
|
676 |
{if $item.max_bestellmenge > 0}
|
|
|
677 |
<script>
|
|
|
678 |
$(function(){
|
|
|
679 |
$('#menge').change(function(){
|
|
|
680 |
if($('#menge').val()>{$item.max_bestellmenge})
|
|
|
681 |
{
|
|
|
682 |
alert("Sie können nur maximal {$item.max_bestellmenge} Exemplare dieses Artikels bestellen!");
|
|
|
683 |
}
|
|
|
684 |
})
|
|
|
685 |
})
|
|
|
686 |
</script>
|
|
|
687 |
{/if}
|
|
|
688 |
</div>
|
|
|
689 |
</div>
|
|
|
690 |
<div class="basket_text add_to_basket">
|
|
|
691 |
{$langstrings.shop.in_basket}
|
|
|
692 |
</div>
|
|
|
693 |
<div class="button_inner add_to_basket">
|
|
|
694 |
<img src="/images/webelemente/icon_warenkorb_weiss.svg" alt="in den Warenkorb" />
|
|
|
695 |
</div>
|
|
|
696 |
|
|
|
697 |
|
|
|
698 |
{else}
|
|
|
699 |
{$langstrings.shop.artikel_vergriffen}
|
|
|
700 |
{/if}
|
|
|
701 |
{else}
|
|
|
702 |
<p style="padding:2%;">Bitte bezahlen Sie erst die manuell erfasste Bestellung. Danach können Sie eine neue Bestellung mit weiteren Artikeln aufgeben.</p>
|
|
|
703 |
{/if}
|
|
|
704 |
</div>
|
|
|
705 |
<div class="item_addFavorites">
|
|
|
706 |
{include file="favoriten.tpl" mode="item"}
|
|
|
707 |
</div>
|
|
|
708 |
</div>
|
|
|
709 |
|
|
|
710 |
<div class="itemNav">
|
|
|
711 |
<a href="{$item.fatherLink}"><i class="fa fa-caret-left" aria-hidden="true"></i> Zurück zur Übersicht</a>
|
|
|
712 |
{*
|
|
|
713 |
|
|
|
714 |
<a class="nachster" id="{$item.ID}" href="#">Nächster Artikel</a> <i class="fa fa-caret-right" aria-hidden="true"></i>
|
|
|
715 |
*}
|
|
|
716 |
</div>
|
|
|
717 |
</form>
|
|
|
718 |
|
|
|
719 |
</div>
|
|
|
720 |
|
|
|
721 |
</div>
|
|
|
722 |
{*
|
|
|
723 |
{if date("N")==4 || date("N")==5}
|
|
|
724 |
{if $item.Eigenschaft_2}
|
|
|
725 |
<span style="background-color:yellow;font-weight:bold;"><sup>*</sup> {$langstrings.shop.note_chilled}</span>
|
|
|
726 |
{/if}
|
|
|
727 |
{/if}
|
|
|
728 |
*}
|
|
|
729 |
|
|
|
730 |
{*
|
|
|
731 |
<div class="item_top" >
|
|
|
732 |
|
|
|
733 |
<div class="item_backbutton">
|
|
|
734 |
<a href="{$item['subdirLink']}#anker{$item.ID}"><img src="/images/webelemente/svg/butt_zurueck.svg" alt="zurück" /></a>
|
|
|
735 |
</div>
|
|
|
736 |
|
|
|
737 |
|
|
|
738 |
|
|
|
739 |
<div class="itemRightContainer">
|
|
|
740 |
|
|
|
741 |
|
|
|
742 |
<div class="itemRightLeft">
|
|
|
743 |
<div class="break"></div>
|
|
|
744 |
|
|
|
745 |
|
|
|
746 |
{if $item.Eigenschaft_2_text}
|
|
|
747 |
<div>{$item.Eigenschaft_2_text}</div>
|
|
|
748 |
{/if}
|
|
|
749 |
|
|
|
750 |
|
|
|
751 |
{if $item.Eigenschaft_3==1}
|
|
|
752 |
<div class="versandfrei">
|
|
|
753 |
Versand kostenlos!
|
|
|
754 |
</div>
|
|
|
755 |
{/if}
|
|
|
756 |
|
|
|
757 |
{if $item.nachlass}
|
|
|
758 |
<div>
|
|
|
759 |
{include file="nachlass_detail.tpl" format="kl" preis=$item.nachlass}
|
|
|
760 |
</div>
|
|
|
761 |
{/if}
|
|
|
762 |
<div class="itemPreis">
|
|
|
763 |
<div style="float:left;">
|
|
|
764 |
|
|
|
765 |
{if $ini.template.durchstreichpreise==1}
|
|
|
766 |
<br />
|
|
|
767 |
{assign var=UVP value="preis{$ini.uvpPreisIndex}"}
|
|
|
768 |
<span>
|
|
|
769 |
{if $item.$UVP>0 && $item.$UVP>$item.preis}
|
|
|
770 |
<b style="font-size:12px;">{$langstrings.shop.special_offer}</b>
|
|
|
771 |
{/if}
|
|
|
772 |
</span>
|
|
|
773 |
{if $item.$UVP>0 && $item.$UVP>$item.preis}
|
|
|
774 |
<span class="strike" style="color: #3A3B3D;font-size:19px;">{$item.$UVP|money_format|replace:"USD":"$"|replace:"EUR":"€"}</span>
|
|
|
775 |
{/if}
|
|
|
776 |
{/if}
|
|
|
777 |
</div>
|
|
|
778 |
</div>
|
|
|
779 |
</div>
|
|
|
780 |
<div class="break;"></div>
|
|
|
781 |
<div class="shariff" style="float: left;width: 100%"></div>
|
|
|
782 |
|
|
|
783 |
</div>
|
|
|
784 |
</div>
|
|
|
785 |
</div>
|
|
|
786 |
*}
|
|
|
787 |
|
|
|
788 |
|
|
|
789 |
|
|
|
790 |
|
|
|
791 |
{if $ini.modules.reiter=="jquery"}
|
|
|
792 |
|
|
|
793 |
<div id="reiter">
|
|
|
794 |
<ul class="reiternav">
|
|
|
795 |
<li>
|
|
|
796 |
<a href="#beschreibung">{$langstrings.item.description}</a>
|
|
|
797 |
</li>
|
|
|
798 |
{section loop=$item.reiter name=r_ind}
|
|
|
799 |
<li>
|
|
|
800 |
<a href="#{$item.reiter[r_ind].url}">{$item.reiter[r_ind].name}</a>
|
|
|
801 |
</li>
|
|
|
802 |
{/section}
|
|
|
803 |
{*
|
|
|
804 |
{if $addonitems}
|
|
|
805 |
<li>
|
|
|
806 |
<a href="#zubehoer">Zubehör</a>
|
|
|
807 |
</li>
|
|
|
808 |
{/if}
|
|
|
809 |
*}
|
|
|
810 |
|
|
|
811 |
{* Produktbewertungen *}
|
|
|
812 |
{if $ini.Produktbewertungen.aktiv==true && $item.cntRatings>0}
|
|
|
813 |
<li>
|
|
|
814 |
<a href="#ratings_container">Produktbewertungen</a>
|
|
|
815 |
</li>
|
|
|
816 |
{/if}
|
|
|
817 |
|
|
|
818 |
</ul>
|
|
|
819 |
<div id="beschreibung">
|
|
|
820 |
<div id="beschreibung_content">
|
|
|
821 |
|
|
|
822 |
{if $item.kennung}
|
|
|
823 |
<p class="">Kennung: {$item.kennung}</p>
|
|
|
824 |
{/if}
|
|
|
825 |
|
|
|
826 |
<span>
|
|
|
827 |
|
|
|
828 |
{if $item.langbezeichnung}
|
|
|
829 |
|
|
|
830 |
<p class="normal itemName">{$item.langbezeichnung}</p>
|
|
|
831 |
|
|
|
832 |
{/if}
|
|
|
833 |
<br />
|
|
|
834 |
|
|
|
835 |
{if $item.beschreibung}
|
|
|
836 |
<p class="normal">{$item.beschreibung}</p>
|
|
|
837 |
{/if}
|
|
|
838 |
|
|
|
839 |
<p class="normal">{$item.customText}</p>
|
|
|
840 |
|
|
|
841 |
</span>
|
|
|
842 |
{if $item.hersteller_Text2}
|
|
|
843 |
<p class="normal" style="margin-top:20px;"><b>Mehr Informationen zum Produzenten / Hersteller:</b></p>
|
|
|
844 |
<p class="normal">{$item.hersteller_Text2|nl2br}</p>
|
|
|
845 |
{/if}
|
|
|
846 |
|
|
|
847 |
<p class="small grey" style="margin-top:20px;">-- Auf Produktfotos angezeigte Dekorationsartikel gehören nicht zum Leistungsumfang. --</p>
|
|
|
848 |
</div>
|
|
|
849 |
{if $item.beschreibung|strlen>450}
|
|
|
850 |
<style>
|
|
|
851 |
#beschreibung_content {
|
|
|
852 |
overflow:hidden;
|
|
|
853 |
height:175px;
|
|
|
854 |
transition:height 200ms ease;
|
|
|
855 |
}
|
|
|
856 |
#showmore,
|
|
|
857 |
#showless {
|
|
|
858 |
margin-top:20px;
|
|
|
859 |
}
|
|
|
860 |
</style>
|
|
|
861 |
<div id="showmore" class="shopButton2">Mehr anzeigen</div>
|
|
|
862 |
<div id="showless" class="shopButton2">Weniger anzeigen</div>
|
|
|
863 |
{/if}
|
|
|
864 |
</div>
|
|
|
865 |
|
|
|
866 |
{foreach $item.reiter as $key => $value}
|
|
|
867 |
{if $value.url}
|
|
|
868 |
<div id="{$value.url}"></div>
|
|
|
869 |
{/if}
|
|
|
870 |
{/foreach}
|
|
|
871 |
|
|
|
872 |
|
|
|
873 |
{if $item.beschreibung2}
|
|
|
874 |
<div id="beschreibung2">
|
|
|
875 |
<b>Deklarationspflichtige Zusatzstoffe</b><br />
|
|
|
876 |
<p class="normal">{$item.beschreibung2}</p>
|
|
|
877 |
</div>
|
|
|
878 |
{/if}
|
|
|
879 |
|
|
|
880 |
|
|
|
881 |
{if $ini.Produktbewertungen.aktiv==true && $item.cntRatings>0}
|
|
|
882 |
<div id="ratings_container">
|
|
|
883 |
{include file="bewertungen.tpl"}
|
|
|
884 |
</div>
|
|
|
885 |
{/if}
|
|
|
886 |
|
|
|
887 |
|
|
|
888 |
|
|
|
889 |
{*
|
|
|
890 |
{if $addonitems}
|
|
|
891 |
<div id="zubehoer">
|
|
|
892 |
{include file="addonItems.tpl"}
|
|
|
893 |
</div>
|
|
|
894 |
{/if}
|
|
|
895 |
*}
|
|
|
896 |
{else}
|
|
|
897 |
<div id="beschreibung">
|
|
|
898 |
{if $item.EAN}
|
|
|
899 |
<p>EAN: {$item.EAN}</p>
|
|
|
900 |
{/if}
|
|
|
901 |
{if $item.langbezeichnung}
|
|
|
902 |
<p>{$item.langbezeichnung}</p>
|
|
|
903 |
{/if}
|
|
|
904 |
{if $item.beschreibung}
|
|
|
905 |
<span>
|
|
|
906 |
<p class="normal" style="padding-top:1.5%;">{$item.beschreibung_html}</p>
|
|
|
907 |
</span>
|
|
|
908 |
{/if}
|
|
|
909 |
|
|
|
910 |
<p class="normal">{$item.beschreibung2|nl2br}</p>
|
|
|
911 |
<p class="normal">{$item.customText}</p>
|
|
|
912 |
|
|
|
913 |
|
|
|
914 |
<p class="small grey" style="margin-top:20px;">-- Auf Produktfotos angezeigte Dekorationsartikel gehören nicht zum Leistungsumfang. --</p>
|
|
|
915 |
</div>
|
|
|
916 |
{/if}
|
|
|
917 |
</div>
|
|
|
918 |
|
|
|
919 |
</div>
|
|
|
920 |
</div>
|
|
|
921 |
|
|
|
922 |
<div class="break"></div>
|
|
|
923 |
|
|
|
924 |
|
|
|
925 |
{if $showEULabel==1}
|
|
|
926 |
<div id="euLabelLayer" title="EU-Energielabel für {$item.kurzbezeichnung}">
|
|
|
927 |
<img id="euLabelLayerBild" src="" height="600" />
|
|
|
928 |
</div>
|
|
|
929 |
{/if}
|
|
|
930 |
|
|
|
931 |
{/if}
|
|
|
932 |
|
|
|
933 |
<script>
|
|
|
934 |
$(document).ready(function(){
|
|
|
935 |
$("#beschreibung img").removeAttr("width");
|
|
|
936 |
$("#beschreibung img").removeAttr("height");
|
|
|
937 |
|
|
|
938 |
zoomType='';
|
|
|
939 |
initElevateZoom(zoomType, true);
|
|
|
940 |
});
|
|
|
941 |
</script>
|
|
|
942 |
<style>
|
|
|
943 |
#showless {
|
|
|
944 |
display:none;
|
|
|
945 |
}
|
|
|
946 |
div.options {
|
|
|
947 |
padding:3% 0;
|
|
|
948 |
display: flex;
|
|
|
949 |
flex-wrap: wrap;
|
|
|
950 |
gap: 10px;
|
|
|
951 |
justify-content: left;
|
|
|
952 |
align-items: center;
|
|
|
953 |
}
|
|
|
954 |
|
|
|
955 |
select.options {
|
|
|
956 |
margin: 5px 10px 5px 0px;
|
|
|
957 |
padding:4px;
|
|
|
958 |
border: 1px solid #EA5900;
|
|
|
959 |
background: #fff;
|
|
|
960 |
background-color: rgb(255, 255, 255);
|
|
|
961 |
background-position-x: 0%;
|
|
|
962 |
background-position-y: 0%;
|
|
|
963 |
background-repeat: repeat;
|
|
|
964 |
background-attachment: scroll;
|
|
|
965 |
background-image: none;
|
|
|
966 |
background-size: auto;
|
|
|
967 |
background-origin: padding-box;
|
|
|
968 |
background-clip: border-box;
|
|
|
969 |
color: #EA5900;
|
|
|
970 |
}
|
|
|
971 |
</style>
|
|
|
972 |
<script>
|
|
|
973 |
$(function() {
|
|
|
974 |
|
|
|
975 |
$('#showmore').on("click", function() {
|
|
|
976 |
$('#beschreibung_content').animate({
|
|
|
977 |
height:'100%'
|
|
|
978 |
}, 1400);
|
|
|
979 |
$('#showmore').hide();
|
|
|
980 |
$('#showless').show().css("display","inline-block");
|
|
|
981 |
});
|
|
|
982 |
$('#showless').on("click", function() {
|
|
|
983 |
$('#beschreibung_content').css("height","175px");
|
|
|
984 |
$('#showmore').show().css("display","inline-block");
|
|
|
985 |
let offset = $('#beschreibung_content').offset();
|
|
|
986 |
let top = offset.top;
|
|
|
987 |
$('html, body').animate({
|
|
|
988 |
scrollTop: $("#reiter").offset().top-150
|
|
|
989 |
}, 400);
|
|
|
990 |
$('#showless').hide().scrollTop(top);
|
|
|
991 |
});
|
|
|
992 |
|
|
|
993 |
$( ".nachster" ).click(function() {
|
|
|
994 |
$(".ui-dialog-titlebar").hide();
|
|
|
995 |
$("#loading").dialog('open');
|
|
|
996 |
var id = $(this).attr('id');
|
|
|
997 |
|
|
|
998 |
$.ajax({
|
|
|
999 |
type: "POST",
|
|
|
1000 |
url: "/module/nachster.php?item=" + id,
|
|
|
1001 |
async: false,
|
|
|
1002 |
success: function (nid) {
|
|
|
1003 |
|
|
|
1004 |
window.location = window.location.origin + '/?item=' + nid;
|
|
|
1005 |
}
|
|
|
1006 |
})
|
|
|
1007 |
return;
|
|
|
1008 |
});
|
|
|
1009 |
|
|
|
1010 |
$('#finanzierungsDlg').dialog({
|
|
|
1011 |
autoOpen:false,
|
|
|
1012 |
modal:true,
|
|
|
1013 |
width:650,
|
|
|
1014 |
resizable:false,
|
|
|
1015 |
maxHeight:600
|
|
|
1016 |
});
|
|
|
1017 |
$('#finanzierungsLink_a').css('cursor','pointer').click(function(){
|
|
|
1018 |
$('#finanzierungsDlg').load('/module/finanzierungsbeispiele.php?item={$item.ID}').dialog("open");
|
|
|
1019 |
})
|
|
|
1020 |
$('#finanzierungsRechnerLink').css('cursor','pointer').click(function(){
|
|
|
1021 |
$('#finanzierungsDlg').load("{$ini.typo3.url}/typo3/?id=127 #c129");
|
|
|
1022 |
})
|
|
|
1023 |
$('#hinweisText').dialog({
|
|
|
1024 |
autoOpen:false,
|
|
|
1025 |
modal:true,
|
|
|
1026 |
resizable:false,
|
|
|
1027 |
width:"70%",
|
|
|
1028 |
show: "fade",
|
|
|
1029 |
hide: "fade"
|
|
|
1030 |
|
|
|
1031 |
})
|
|
|
1032 |
$('#gewichtsHinweis').click( function () {
|
|
|
1033 |
$('#hinweisText').dialog("open");
|
|
|
1034 |
return false;
|
|
|
1035 |
});
|
|
|
1036 |
|
|
|
1037 |
$('#beschreibung3').dialog({
|
|
|
1038 |
autoOpen:false,
|
|
|
1039 |
modal:false,
|
|
|
1040 |
resizable:true,
|
|
|
1041 |
width:"70%",
|
|
|
1042 |
show: "fade",
|
|
|
1043 |
hide: "fade"
|
|
|
1044 |
|
|
|
1045 |
})
|
|
|
1046 |
$('#beschreiung3_open').click( function () {
|
|
|
1047 |
$('#beschreibung3').dialog("open");
|
|
|
1048 |
return false;
|
|
|
1049 |
});
|
|
|
1050 |
|
|
|
1051 |
});
|
|
|
1052 |
</script>
|
|
|
1053 |
|
|
|
1054 |
<div id="beschreibung3">
|
|
|
1055 |
{if $item.beschreibung3}
|
|
|
1056 |
{$item.beschreibung3}
|
|
|
1057 |
{/if}
|
|
|
1058 |
</div>
|
|
|
1059 |
<div id="finanzierungsDlg" title="Finanzierungsbeispiele für {$item.kurzbezeichnung}"></div>
|
|
|
1060 |
{if $ini.easycredit.aktiv==1}
|
|
|
1061 |
<link rel="stylesheet" type="text/css" href="https://ratenkauf.easycredit.de/ratenkauf/js/ratenrechner/v1/ratenrechner.css"/>
|
|
|
1062 |
<script type="text/javascript" src="https://ratenkauf.easycredit.de/ratenkauf/js/ratenrechner/v1/ratenrechner.js"></script>
|
|
|
1063 |
<script type="text/javascript">
|
|
|
1064 |
$(function(){
|
|
|
1065 |
var options={
|
|
|
1066 |
webshopId: "{$ini.easycredit.shop_id}",
|
|
|
1067 |
finanzierungsbetrag: {$item.preis},
|
|
|
1068 |
euro:"ISO",
|
|
|
1069 |
textVariante:'LANG',
|
|
|
1070 |
}
|
|
|
1071 |
rkPlugin.anzeige("finanzierung",options)
|
|
|
1072 |
})
|
|
|
1073 |
</script>
|
|
|
1074 |
{/if}
|
|
|
1075 |
<div id="youtube" title="Video">
|
|
|
1076 |
<iframe id="youtubeFrame" width="480" height="360" allowfullscreen="true"></iframe>
|
|
|
1077 |
</div>
|
|
|
1078 |
|
|
|
1079 |
<!-- $Id: item.tpl 2879 2022-11-22 07:43:57Z tiefland $ END -->
|