| 111 |
lars |
1 |
{* itemSlider.tpl *}
|
|
|
2 |
{if $items|count > 1}
|
|
|
3 |
<script>
|
|
|
4 |
$(document).ready(function(){
|
|
|
5 |
//weban.js
|
|
|
6 |
// classname, width, slides, autoplay, infiniteLoop, forceWidth
|
|
|
7 |
var w = $('.itemSliderWrapper_{$suffix}').width() - {$breite|default:100};
|
|
|
8 |
var forceWidth = false;
|
|
|
9 |
|
|
|
10 |
{* der Slider in home.tpl .. *}
|
|
|
11 |
{if $suffix=="slider1"}
|
|
|
12 |
forceWidth = true;
|
|
|
13 |
{/if}
|
|
|
14 |
|
|
|
15 |
var slider = initSlider( "itemSlider_{$suffix|default:''}", w, {$anzahl|default:4}, 0, false, forceWidth );
|
|
|
16 |
|
|
|
17 |
$( window ).resize(function(){
|
|
|
18 |
var w = $('.itemSliderWrapper_{$suffix}').width();
|
|
|
19 |
slider = reloadSlider( slider , w, {$anzahl|default:4}, 0, false, forceWidth );
|
|
|
20 |
});
|
|
|
21 |
});
|
|
|
22 |
</script>
|
|
|
23 |
{/if}
|
|
|
24 |
<style>
|
|
|
25 |
.item_slider_inner {
|
|
|
26 |
margin:0 auto;
|
|
|
27 |
padding:0;
|
|
|
28 |
background:#fff;
|
|
|
29 |
}
|
|
|
30 |
.section_itemSlider .box_top {
|
|
|
31 |
margin-bottom: 10px;
|
|
|
32 |
}
|
|
|
33 |
.item_slider_wrapper_inner {
|
|
|
34 |
padding: 2%;
|
|
|
35 |
}
|
|
|
36 |
.item_preis .uvp {
|
|
|
37 |
font-size: 14px;
|
|
|
38 |
color: white;
|
|
|
39 |
}
|
|
|
40 |
.bx-viewport {
|
|
|
41 |
background:transparent!important;
|
|
|
42 |
}
|
|
|
43 |
|
|
|
44 |
</style>
|
|
|
45 |
{if $itemSliderHeadline}
|
|
|
46 |
<div class="box_top noprint"><h3>{$itemSliderHeadline|default:""}</h3></div>
|
|
|
47 |
{/if}
|
|
|
48 |
<div class="noprint ">
|
|
|
49 |
<div class="itemSliderWrapper_{$suffix} itemSliderWrapper">
|
|
|
50 |
<ul class="itemSlider_{$suffix|default:''}">
|
|
|
51 |
{foreach $items as $i => $item}
|
|
|
52 |
{if isset($item.medien[0]->medium.bild_url_br) && $item.medien[0]->medium.bild_url_br != ""}
|
|
|
53 |
<li class="item_slider_mother" onclick="javascript:window.location.href='{$item.itemLink}';">
|
|
|
54 |
<div class="item_slider_inner">
|
|
|
55 |
<div class="item_slider_top">
|
|
|
56 |
|
|
|
57 |
<div class="item_special">
|
|
|
58 |
{if $item.preis > 1 && $item.vk_preis && $item.nachlass_prozent>5}
|
|
|
59 |
<div class="sie_sparen">- {$item.nachlass_prozent|round}%</div>
|
|
|
60 |
{/if}
|
|
|
61 |
|
|
|
62 |
{if $item.NEU}
|
|
|
63 |
<div class="neu_icon">
|
|
|
64 |
Neu
|
|
|
65 |
</div>
|
|
|
66 |
{/if}
|
|
|
67 |
</div>
|
|
|
68 |
|
|
|
69 |
</div>
|
|
|
70 |
<div class="item_slider_img">
|
|
|
71 |
<a href="{$item.itemLink}" title="Zum Artikel {$item.kurzbezeichnung}">
|
|
|
72 |
<img src="{$item.medien[0]->medium.bild_url_gr}" {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}/>
|
|
|
73 |
</a>
|
|
|
74 |
</div>
|
|
|
75 |
<div class="item_slider_wrapper">
|
|
|
76 |
<div class="item_slider_wrapper_inner">
|
|
|
77 |
|
|
|
78 |
<h3 class="bezeichnung slider topic">
|
|
|
79 |
<a href="{$item.itemLink}" title="Zum Artikel {$item.hersteller_kurzbezeichnung}">{$item.hersteller_kurzbezeichnung}</a>
|
|
|
80 |
</h3>
|
|
|
81 |
|
|
|
82 |
<div class="item_beschreibung">
|
|
|
83 |
{$item.beschreibung|strip_tags|replace:"http:":"https:"|truncate:90:"..."}
|
|
|
84 |
</div>
|
|
|
85 |
|
|
|
86 |
<div class="item_preis">
|
|
|
87 |
<a href="{$item.itemLink}" title="Zum Artikel {$item.kurzbezeichnung}">{$item.preis|money_format|replace:"EUR":"€"}</a><br />
|
|
|
88 |
<!-- UVP -->
|
|
|
89 |
{if $ini.uvpPreisIndex}
|
|
|
90 |
{assign var=UVP value="preis`$ini.uvpPreisIndex`"}
|
|
|
91 |
{if $ini.template.durchstreichpreise==1 && $item.$UVP > $item.preis}
|
|
|
92 |
<div class="uvp">
|
|
|
93 |
<span>UVP: {$item.$UVP|money_format|replace:"EUR":"€"|replace:"USD":"$"}</span>
|
|
|
94 |
</div>
|
|
|
95 |
{/if}
|
|
|
96 |
{/if}
|
|
|
97 |
<div class="preis_message">
|
|
|
98 |
{if ( isset( $smarty.session.netto_preis ) && $smarty.session.netto_preis == true ) || $ini.netto_preise == true}
|
|
|
99 |
{$langstrings.shop.price_msg}
|
|
|
100 |
{else}
|
|
|
101 |
{$langstrings.shop.price_msg_brutto}
|
|
|
102 |
{/if} Versand
|
|
|
103 |
</div>
|
|
|
104 |
</div>
|
|
|
105 |
</div>
|
|
|
106 |
</div>
|
|
|
107 |
</div>
|
|
|
108 |
</li>
|
|
|
109 |
{/if}
|
|
|
110 |
{/foreach}
|
|
|
111 |
</ul>
|
|
|
112 |
</div>
|
|
|
113 |
</div>
|
|
|
114 |
|
|
|
115 |
|