themes/smartpocket/template/thumbnails.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

{if !empty($thumbnails)}
{combine_script id='klass' path='themes/smartpocket/js/klass.min.js'}
{combine_script id='photoswipe' path='themes/smartpocket/js/code.photoswipe.jquery.min.js' require='klass,jquery.mobile'}
{combine_script id='smartpocket' path='themes/smartpocket/js/smartpocket.js' require='photoswipe'}
{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}
{combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}

{define_derivative name='derivative_params_square' type='square'}
{define_derivative name='derivative_params_large' type='large'}

<ul class="thumbnails">
{foreach from=$thumbnails item=thumbnail}{strip}
{assign var=derivative value=$pwg->derivative($derivative_params_square, $thumbnail.src_image)}
{if isset($page_selection[$thumbnail.id])}
  <li>
    <a href="{$pwg->derivative_url($derivative_params_large, $thumbnail.src_image)}" rel="external">
     <img {if !$derivative->is_cached()}data-{/if}src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}">
    </a>
  </li>
{else}
  <li style="display:none;">
    <a href="{$pwg->derivative_url($derivative_params_large, $thumbnail.src_image)}" rel="external"></a>
  </li>
{/if}
{/strip}{/foreach}
</ul>
{/if}