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="quiqqer-bricks-children-slider-container-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>