Slider.html

{*if $this->getAttribute('showTitle') && $this->getAttribute('frontendTitle')}
<header class="control-header">
    <h1>{$this->getAttribute('frontendTitle')}</h1>
</header>
{/if}

{if $this->getAttribute('content') != ""}
<div class="control-content">
    {$this->getAttribute('content')}
</div>
{/if*}

<!--<div class="wrapper" style="height: {$this->getAttribute('height')}px;">-->
<div class="quiqqer-bricks-children-slider-container">
    <div class="quiqqer-bricks-children-slider-container-inner">
        <ul class="quiqqer-bricks-children-slider-container-slide"
            style="height: {$this->getAttribute('height')}px;"
        >
        {strip}
            {foreach from=$children item=Child}
                {assign var=hasImage value=0}
                {if $Child->getAttribute('image_site')}
                    {assign var=hasImage value=1}
                {/if}
            <li class="quiqqer-bricks-children-slider-child">
                <article class="quiqqer-bricks-children-slider-child-display">
                    <a href="{url site=$Child}" title="{$Child->getAttribute('title')|escape:" html"}">
                    {if !$hasImage}
                        <header>
                            {$Child->getAttribute('title')}
                        </header>
                        {$Child->getAttribute('short')}
                    {else}
                        {image src=$Child->getAttribute('image_site') height=$this->getAttribute('height')}
                    {/if}
                    </a>
                </article>
            </li>
            {/foreach}
        {/strip}

        {if $MoreLink}
            <li class="quiqqer-bricks-children-slider-child">
                <article class="quiqqer-bricks-children-slider-child-display">
                    <a href="{url site=$MoreLink}" title="{$MoreLink->getAttribute('title')|escape:" html"}">
                        <span class="quiqqer-icon fa fa-angle-right"></span>
                        <span class="quiqqer-bricks-children-slider-moreLink-text">Mehr</span>
                    </a>
                </article>
            </li>
        {/if}
        </ul>
    </div>
</div>
<!--</div>-->