{if $Template->getAttribute('content-body') && $Site->getAttribute('content')}
<section class="content-body quiqqer-content grid-100 mobile-grid-100 grid-parent">
    {$Site->getAttribute('content')}
</section>
{/if}

<section class="quiqqer-affiliate-products">
    <!-- Fields-->
    <div class="quiqqer-affiliate-products-fieldCol quiqqer-affiliate-products-col">
        <header>
            &nbsp;
        </header>

        <ul class="quiqqer-affiliate-products-col-features">
            {foreach $mainFields as $Field}
            <li class="quiqqer-affiliate-products-col-featuresHeader">
                {$Field->getTitle()|escape:'html'}
            </li>
            <li class="quiqqer-affiliate-products-col-features-field">
                {$Field->create()}
            </li>
            {/foreach}
        </ul>
    </div>

    <!-- Products-->
    <section class="quiqqer-affiliate-products-articles">
        {foreach $productList as $Product}
        <article class="quiqqer-affiliate-products-col">
            <header>
                <h2>{$Product->getTitle()|escape:'html'}</h2>

                <div class="quiqqer-affiliate-products-col-productImage">
                    {image image=$Product->getImage()}
                </div>

                <a class="quiqqer-affiliate-products-col-detailLink" href="{$Product->getUrl()|escape:'html'}">
                    <i class="fa fa-info-circle features-info"></i>
                    {locale group="quiqqer/affiliate-products" var="type.affiliateProduct.detailLink"}
                </a>
            </header>

            <div class="quiqqer-affiliate-products-col-priceContainer">
                {$Product->getPriceDisplay()->create()}
            </div>

            <ul class="quiqqer-affiliate-products-col-features">
                {assign var=fields value=$Utils->getFields($Product)}
                {foreach $fields as $Field}
                <li class="quiqqer-affiliate-products-col-featuresHeader">
                    {$Field->getTitle()|escape:'html'}
                </li>
                <li class="quiqqer-affiliate-products-col-features-field">
                    {$Field->create()}
                </li>
                {/foreach}
            </ul>

            <div class="quiqqer-affiliate-products-col-button">
                {if $addToShoppingCart}
                <button data-product-id="{$Product->getId()|escape:'html'}"
                        data-open-cart="{$openShoppingCart|escape:'html'}"
                        disabled>
                <span>
                    {locale group="quiqqer/affiliate-products" var="type.affiliateProduct.toShoppingCartButton"}
                </span>
                </button>
                {else}
                <a class="btn btn-primary" href="{$Product->getUrl()|escape:'html'}">
                    {locale group="quiqqer/affiliate-products" var="type.affiliateProduct.moreButtonLink"}
                </a>
                {/if}
            </div>
        </article>
        {/foreach}
    </section>
</section>