| 24 |
lars |
1 |
{if count($subdir.items) > 1 && $subdir.medium[0]->medium.name != $ini.itemKorrektur.noImage}
|
| 2 |
lars |
2 |
<div class="box_singleitem_img_wrapper">
|
|
|
3 |
<div class="box_singleitem_img" style="">
|
| 24 |
lars |
4 |
<img class="mausDrin" src="/images/upload/{$subdir.medium[0]->medium->folder}/ba/{$subdir.medium[0]->medium->name}" {if $subdir.medium[0]->medium["description"] != ""}alt="{$artstamm.medien[0]->medium["beschreibung"]}" title="{$subdir.medium[0]->medium["beschreibung"]}"{else}alt="{$subdir.name}" title="{$subdir.name}"{/if} id="img_zoom" data-zoom-image="{$artstamm.medien[0]->medium.bild_url}" />
|
| 2 |
lars |
5 |
</div>
|
|
|
6 |
<p class="small grey" style="text-align:center;clear:both;margin-top:20px;">-- Auf Produktfotos angezeigte Dekorationsartikel gehören nicht zum Leistungsumfang. --</p>
|
|
|
7 |
</div>
|
|
|
8 |
|
| 24 |
lars |
9 |
{if count($subdir.medium) > 1}
|
| 2 |
lars |
10 |
<div class="thumbs_container" id="gallery">
|
|
|
11 |
<ul class="sliderArtikelBilder">
|
| 24 |
lars |
12 |
{foreach $subdir.medium as $key => $bild}
|
|
|
13 |
{if $bild->medium.medium_type_id==1}
|
| 2 |
lars |
14 |
<li class="thumbs">
|
| 24 |
lars |
15 |
<a href="#" data-image="/images/upload/{$bild->medium.folder}/{$bild->medium.name}" data-zoom-image="{$bild->medium->name}" title="Artikelbild">
|
|
|
16 |
<img src="/images/upload/{$bild->medium->folder}/ba/{$bild->medium->name}" class="mausDrin" {if $bild->medium["beschreibung"] != ""}alt="{$bild->medium["beschreibung"]}" title="{$bild->medium["beschreibung"]}"{else}alt="{$artstamm->name}" title="{$artstamm->name}"{/if}/>
|
| 2 |
lars |
17 |
</a>
|
|
|
18 |
</li>
|
|
|
19 |
{/if}
|
|
|
20 |
{/foreach}
|
|
|
21 |
</ul>
|
|
|
22 |
</div>
|
|
|
23 |
{/if}
|
|
|
24 |
{else}
|
| 24 |
lars |
25 |
{foreach $artstamm.items as $index => $itemData}
|
| 2 |
lars |
26 |
{if $index == 0}
|
|
|
27 |
<div class="box_singleitem_img_wrapper">
|
|
|
28 |
<div class="box_singleitem_img" style="">
|
| 24 |
lars |
29 |
{if $itemData.medium[0]->medium.bild_url != $ini.itemKorrektur.noImage}
|
|
|
30 |
<img class="mausDrin" src="/images/upload/{$itemData.medium[0]->medium->folder}/{$itemData.medium[0]->medium->name}" {if $itemData.medium[0]->medium["beschreibung"] != ""}alt="{$itemData.medium[0]->medium["beschreibung"]}" title="{$itemData.medium[0]->medium["beschreibung"]}"{else}alt="{$itemData.name}" title="{$itemData.name}"{/if} id="img_zoom" data-zoom-image="images/upload/{$itemData.medium[0]->medium->folder}/gr/{$itemData.medium[0]->medium->name}" />
|
| 2 |
lars |
31 |
{/if}
|
|
|
32 |
</div>
|
| 24 |
lars |
33 |
<p class="small grey" style="clear:both;margin-top:20px;">-- Auf Produktfotos angezeigte Dekorationsartikel gehören nicht zum Leistungsumfang. --</p>
|
| 2 |
lars |
34 |
</div>
|
|
|
35 |
{/if}
|
|
|
36 |
{/foreach}
|
|
|
37 |
{/if}
|
|
|
38 |
|
|
|
39 |
|
|
|
40 |
<script>
|
|
|
41 |
$(document).ready(function() {
|
|
|
42 |
|
|
|
43 |
var w = $('.itemLeftContainer').width();
|
|
|
44 |
{* classname, windowWidth, slides, autoplay, infiniteLoop, forceWidth *}
|
|
|
45 |
var slider = initSlider( "sliderArtikelBilder", w, 4, false, false, true );
|
|
|
46 |
|
|
|
47 |
//pass the images to Fancybox
|
|
|
48 |
$("#img_zoom").click(function(e) {
|
|
|
49 |
var ez = $('#img_zoom').data('elevateZoom');
|
|
|
50 |
var g = ez.getGalleryList();
|
|
|
51 |
|
|
|
52 |
$.fancybox.open(g,{
|
|
|
53 |
'openEffect' : 'elastic',
|
|
|
54 |
'closeEffect' : 'elastic',
|
|
|
55 |
'nextEffect' : 'fade',
|
|
|
56 |
'openSpeed' : 200,
|
|
|
57 |
'closeSpeed' : 200,
|
|
|
58 |
helpers : {
|
|
|
59 |
buttons : {}
|
|
|
60 |
}
|
|
|
61 |
});
|
|
|
62 |
});
|
|
|
63 |
|
|
|
64 |
});
|
|
|
65 |
|
|
|
66 |
</script>
|