{if $data}
    <div id="ew_evelations_teaser">
        <div class="{if $compactTeaser}container compact-teaser{else}full-teaser{/if}">
            <div class="carousel-outer-wrap">
                <div class="picture-slider owl">
                    <div class="pictureCarousel pictureCarousel-{$slider_id}"
                         data-slide-speed="{$slide_speed}"
                         data-pagination-speed="{$pagination_speed}"
                         data-auto-play="{$auto_play_speed}"
                         role="list"
                    >
                        {foreach name=loop key=key item=item from=$data}
                            {if $item.image}
                                <div class="image image-{$key}{if !$smarty.foreach.loop.first} hidden{/if}" role="listitem">
                                    {if $item.show_text}
                                        <div class="carousel-caption hidden-sm hidden-xs">
                                            <p class="h2 text-uppercase">
                                                {if $item.link}
                                                    <a href="{$item.link}">{$item.heading}</a>
                                                {else}
                                                    {$item.heading}
                                                {/if}
                                            </p>
                                            {if $item.short_content}
                                                <div class="desc">{$item.short_content}</div>
                                            {/if}
                                            {if $item.link}
                                                <a class="btn btn-sm btn-default" href="{$item.link}">{txt key=TEXT_EW_EVELATIONS_SHOW_MORE}</a>
                                            {/if}
                                        </div>
                                    {/if}
                                    {if $item.link}<a href="{$item.link}" aria-label="{if $item.heading}{$item.heading|escape:'html'}{else}Link {$item.link}{/if}">{/if}
                                        <img alt="{$item.heading|escape:'html'}"
                                            src="{img img=$item.image type=m_org path_only=true}"
                                            data-src="{img img=$item.image type=m_org path_only=true}"
                                            class="img-responsive lazyOwl"
                                        >
                                    {if $item.link}</a>{/if}
                                </div><!-- .image -->
                            {/if}
                        {/foreach}
                    </div>
                </div>
            </div>
        </div>
    </div>
{/if}
