{namespace name="frontend/detail/related"}

{if $sArticle.sRelatedArticles && !$sArticle.crossbundlelook}
    {* Related products - Content *}
    {block name="frontend_detail_index_similar_slider_content"}
        <div class="content--description related--content is--small">
            <div class="content--title">
                {s namespace="frontend/detail/tabs" name='DetailTabsRelated'}{/s} {$sArticle.articleName} {$sArticle.suppliernumber|replace:' ':'&nbsp;'}
            </div>

            <div class="product--related-list">
                {foreach $sArticle.sRelatedArticles as $article}
                    <div class="product--related-item">
                        {include file="frontend/_includes/product_slider_item.tpl" productBoxLayout="slider"}
                    </div>
                {/foreach}
            </div>

            {if ($sArticle.sRelatedArticles|@count >= 14)}
                <div class="expand-toggler">
                    <a class="btn is--primary" href="javascript:void(0)" onclick="document.getElementsByClassName('related--content')[0].classList.toggle('is--small');">
                        <span class="toggler--more">{s namespace="frontend/detail/tabs" name='PreviewTextMore'}{/s}</span>
                        <span class="toggler--less">{s namespace="frontend/detail/tabs" name='PreviewTextLess'}{/s}</span>
                    </a>
                </div>
            {/if}

        </div>
    {/block}

{/if}
