43 lines
2.5 KiB
Smarty
43 lines
2.5 KiB
Smarty
{if $slider.images|count}
|
|
<div class="{$class}">
|
|
<div class="{if $slider.images|count > 1}slider-tns{/if}">
|
|
{foreach $slider.images as $image}
|
|
<div class="item {if $image.custom_data.color == "white"}item-light{else}item-dark{/if}"
|
|
{if $dbcfg.analytics.google_tag_manager.gtm_dl_version == 2} data-tracking-view='{get_gtm_data type='ecommerce' method='PromotionImpression' encode=true data=['slider' => $slider, 'position' => $image@iteration]}'{/if}>
|
|
<div class="slider-img">
|
|
<picture>
|
|
<source srcset="{get_photo photo=$image.photo size='slider' version="mobile"}" media="(max-width: 543px)">
|
|
<source srcset="{get_photo photo=$image.photo size='slider' version="tablet"}" media="(max-width: 1259px)">
|
|
<img src="{get_photo photo=$image.photo size=$slider_size|default:'slider' version="desktop"}" class="img-responsive"
|
|
alt="" width="{$photo_dimensions[0]}"
|
|
height="{$photo_dimensions[1]}"{if $image@iteration > 1} loading="lazy"{/if}>
|
|
</picture>
|
|
</div>
|
|
<div class="text">
|
|
{if $image.custom_data.title}
|
|
<p class="slider-title">{$image.custom_data.title|nl2br nofilter}</p>
|
|
{/if}
|
|
{if $image.description}
|
|
<p class="descr">{$image.description|nl2br nofilter}</p>
|
|
{/if}
|
|
{if $image.link}
|
|
<a href="{$image.link}" class="btn btn-primary"
|
|
{if $dbcfg.analytics.google_tag_manager.gtm_dl_version == 2} data-tracking-click='{get_gtm_data encode=true type='ecommerce' method='PromotionClick' data=['slider' => $slider, 'slide' => $image, 'position' => $image@iteration]}'{/if}>{$image.custom_data.btn|default:"{t}Prohlédnout{/t}"}</a>
|
|
{/if}
|
|
</div>
|
|
{if $cfg.tpl.slider_product}
|
|
{insert_products type="product" assign=banner_products id=$image.custom_data['products'] image=2 count=1 template=null}
|
|
{foreach $banner_products.products as $product}
|
|
{if $product}
|
|
<div class="slider-product">
|
|
{include "components/block.slider.home-product.tpl"}
|
|
</div>
|
|
{/if}
|
|
{/foreach}
|
|
{/if}
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
</div>
|
|
{/if}
|