-
Notifications
You must be signed in to change notification settings - Fork 28
/
scenes.tpl
72 lines (70 loc) · 4.35 KB
/
scenes.tpl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
{*
* =|= Category - Scenes ========================================
*
* Scenes are large images with link hotspots included on
* category pages. Configured under Products > Image Mapping.
* ==============================================================
*}
{if scenes}
<script type="text/javascript" src="{$smarty.const._PS_JS_DIR_}jquery/plugins/cluetip/jquery.cluetip.js"></script>
<script type="text/javascript" src="{$smarty.const._PS_JS_DIR_}jquery/plugins/jquery.scrollTo.js"></script>
<script type="text/javascript" src="{$smarty.const._PS_JS_DIR_}jquery/plugins/jquery.serialScroll.js"></script>
<script type="text/javascript">// <![CDATA[
i18n_scene_close = '{l s='Close'}';
$(function () {ldelim}
li_width = parseInt({$thumbSceneImageType.width} + 10);
{rdelim});
//]]></script>
<script type="text/javascript" src="{$js_dir}scenes.js"></script>
<div id="scenes">
<div>
{foreach $scenes as $scene_key=>$scene}
<div class="screen_scene" id="screen_scene_{$scene->id}" style="background:transparent url({$base_dir}img/scenes/{$scene->id}-large_scene.jpg); height:{$largeSceneImageType.height}px; width:{$largeSceneImageType.width}px; {if !$scene@first} display:none;{/if}">
{foreach $scene->products as $product_key=>$product}
{assign var=imageIds value="`$product.id_product`-`$product.id_image`"}
<a href="{$product.link|escape:'htmlall':'UTF-8'}" accesskey="#scene_products_cluetip_{$scene_key}_{$product_key}_{$product.id_product}" class="cluetip" style="width:{$product.zone_width}px; height:{$product.zone_height}px; margin-left:{$product.x_axis}px ;margin-top:{$product.y_axis}px;">
<span style="margin-top:{math equation='a/2 -10' a=$product.zone_height}px; margin-left:{math equation='a/2 -10' a=$product.zone_width}px;"> </span>
</a>
<div id="scene_products_cluetip_{$scene_key}_{$product_key}_{$product.id_product}" style="display:none;">
{if !$PS_CATALOG_MODE AND $product.details->show_price}
<div class="prices">
{if isset($product.details->new) AND $product.details->new}<span class="new">{l s='New'}</span>{/if}
<p class="price">{if $priceDisplay}{convertPrice price=$product.details->getPrice(false, $product.details->getDefaultAttribute($product.id_product))}{else}{convertPrice price=$product.details->getPrice(true, $product.details->getDefaultAttribute($product.id_product))}{/if}</p>
{if $product.details->on_sale}
<span class="on_sale">{l s='On sale!'}</span>
{elseif isset($product.reduction) && $product.reduction}
<span class="discount">{l s='Reduced price!'}</span>
{/if}
</div>
{/if}
<img src="{$link->getImageLink($product.id_product, $imageIds, 'medium')}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
<h4><span class="product_name">{$product.details->name}</span></h4>
<p class="description">{$product.details->description_short|strip_tags|truncate:170:'...'}</p>
</div>
{/foreach}
</div>
{/foreach}
</div>
{if isset($scenes.1)}
<div class="thumbs_banner" style="height:{$thumbSceneImageType.height}px;">
<span class="space-keeper">
<a class="prev" href="#" style="height:{math equation='a+2' a=$thumbSceneImageType.height}px;" onclick="{ldelim}next_scene_is_at_right = false; $(this).parent().next().trigger('stop').trigger('prev'); return false;{rdelim}"> </a>
</span>
<div id="scenes_list">
<ul style="width:{math equation='(a*b + (a-1)*10)' a=$scenes|@count b=$thumbSceneImageType.width}px; height:{$thumbSceneImageType.height}px;">
{foreach $scenes as $scene}
<li id="scene_thumb_{$scene->id}" style="{if !$scene@last} padding-right:10px;{/if}">
<a style="width:{$thumbSceneImageType.width}px; height:{$thumbSceneImageType.height}px" title="{$scene->name|escape:'htmlall':'UTF-8'}" href="#" rel="{$scene->id}" onclick="{ldelim}loadScene({$scene->id});return false;{rdelim}">
<img alt="{$scene->name|escape:'htmlall':'UTF-8'}" src="{$content_dir}img/scenes/thumbs/{$scene->id}-thumb_scene.jpg" width="{$thumbSceneSize.width}" height="{$thumbSceneSize.height}" />
</a>
</li>
{/foreach}
</ul>
</div>
<span class="space-keeper">
<a class="next" href="#" style="height:{math equation='a+2' a=$thumbSceneImageType.height}px;" onclick="{ldelim}next_scene_is_at_right = true; $(this).parent().prev().trigger('stop').trigger('next'); return false;{rdelim}"> </a>
</span>
</div>
{/if}
</div>
{/if}