{if count($related_products) && 1 == $skin_settings->productdetails->related}
    <div class="box row tab" id="box_productrelated">
        <div class="boxhead tab-head">
            <h3>
                <img src="{baseDir}/public/images/1px.gif" alt="" class="px1">
                {translate key="Related products"}
            </h3>
        </div>

        <div class="innerbox tab-content product-related">
            {foreach from=$related_products item=rproduct name=list}
                <div data-product-id="{$rproduct->product->product_id}" data-category="{$rproduct->defaultCategory->translation->name|escape}" {if $rproduct->product->producer_id}data-producer="{$rproduct->producer->manufacturer->name|escape}"{/if} class="product row {if $smarty.foreach.list.index % 2}odd{else}even{/if}">
                    <div class="f-row">
                        <h3 class="rwd-show-medium rwd-hide-full">
                            <a href="{route function=$productRoute key=$rproduct->product->product_id productName=$rproduct->translation->name
                                                    productId=$rproduct->product->product_id}" title="{$rproduct->translation->name|escape}">
                                <span class="productname" itemprop="isRelatedTo">{$rproduct->translation->name|escape}</span>
                            </a>
                        </h3>

                        <div>
                            <a class="details f-grid-2" href="{route function=$productRoute key=$rproduct->product->product_id productName=$rproduct->translation->name
                                                productId=$rproduct->product->product_id}" title="{$rproduct->translation->name|escape}">
                                <img src="{imageUrl width=$skin_settings->img->small height=$skin_settings->img->small type='productGfx' image=$rproduct->mainImageName() overlay=1}" alt="{$rproduct->translation->name|escape}">
                            </a>

                            <div class="f-grid-6 rwd-hide-medium">
                                <a class="details row" href="{route function=$productRoute key=$rproduct->product->product_id productName=$rproduct->translation->name
                                                    productId=$rproduct->product->product_id}" title="{$rproduct->translation->name|escape}">
                                    <span class="productname">{$rproduct->translation->name|escape}</span>
                                </a>
                                <div class="description resetcss row">{$rproduct->translation->short_description}</div>
                            </div>
                            
                            <div class="f-grid-4 text-right">
                                {if $loyalty_exchange}
                                    <div class="price">
                                        <span class="label-price">{translate key="Price"}:</span>
                                        <em>{float precision=0 value=$product->defaultStock->loyaltyPointsPrice(true)}</em>
                                    </div>
                                {elseif $showprices}
                                    <div class="price">
                                        <span class="label-price">{translate key="Price"}:</span>
                                        {if $skin_settings->global->pricemode == '1' || $skin_settings->global->pricemode == '3'}
                                            {if $rproduct->specialOffer}
                                                <em class="color">{currency value=$rproduct->defaultStock->getSpecialOfferPrice()}</em>
                                                <del>{currency value=$rproduct->defaultStock->getPrice()}</del>
                                                {if $rproduct->currency and $currency->getIdentifier() != $rproduct->currency->getIdentifier()}
                                                    <em>({currency id=$rproduct->product->currency_id rate=1 value=$rproduct->defaultStock->getCurrencySpecialOfferPrice()})</em>
                                                {/if}
                                            {else}
                                                <em>{currency value=$rproduct->defaultStock->getPrice()}</em>
                                                {if $rproduct->currency and $currency->getIdentifier() != $rproduct->currency->getIdentifier()}
                                                    <em>({currency id=$rproduct->product->currency_id rate=1 value=$rproduct->defaultStock->getCurrencyPrice()})</em>
                                                {/if}
                                            {/if}
                                        {/if}

                                        {if $skin_settings->global->pricemode == '1' || $skin_settings->global->pricemode == '2'}
                                            {if $skin_settings->global->pricemode == '1'}
                                                <i class="price-netto">({translate key="net"}:
                                            {/if}
                                                {if $rproduct->specialOffer}
                                                    <em>{currency value=$rproduct->defaultStock->getSpecialOfferPrice(true)}</em>
                                                    <del>{currency value=$rproduct->defaultStock->getPrice(true)}</del>
                                                    {if $rproduct->currency and $currency->getIdentifier() != $rproduct->currency->getIdentifier()}
                                                        <em>({currency id=$rproduct->product->currency_id rate=1 value=$rproduct->defaultStock->getCurrencySpecialOfferPrice(true)})</em>
                                                    {/if}
                                                {else}
                                                    <em>{currency value=$rproduct->defaultStock->getPrice(true)}</em>
                                                    {if $rproduct->currency and $currency->getIdentifier() != $rproduct->currency->getIdentifier()}
                                                        <em>({currency id=$rproduct->product->currency_id rate=1 value=$rproduct->defaultStock->getCurrencyPrice(true)})</em>
                                                    {/if}
                                                {/if}
                                            {if $skin_settings->global->pricemode == '1'}
                                                )</i>
                                            {/if}
                                        {/if}
                                    </div>
                                {/if}

                                <div class="basket">
                                    <form class="{if $loyalty_exchange}loyaltyexchange{/if}" action="{route key=$basketAddRoute stockId=$rproduct->defaultStock->getIdentifier()}" method="post">
                                        {if $enablebasket && $rproduct->canBuyStock()}
                                            <fieldset>
                                                <button class="addtobasket btn btn-red" type="submit">
                                                    <img src="{baseDir}/public/images/1px.gif" alt="" class="px1" />
                                                    <span>{if $loyalty_exchange}{translate key="Exchange"}{else}{translate key="Add to cart"}{/if}</span>
                                                    <input type="hidden" value="{$rproduct->defaultStock->getIdentifier()|escape}" name="stock_id">
                                                </button>
                                            </fieldset>
                                        {elseif $enable_availability_notifier && $rproduct->isEnabledNotifier()}
                                            {dynamic}
                                                {assign var="availabilityNotifyUser" value=$rproduct->defaultStock->getAvailabilityNotifyByUser()}
                                                <fieldset class="availability-notifier-container{if $availabilityNotifyUser != null} none{/if}">
                                                    <button class="availability-notifier-btn btn btn-red" type="submit" data-is-logged="{if true == $user_logged}true{else}false{/if}" data-stock-id="{$rproduct->defaultStock->getIdentifier()}" data-product-id="{$rproduct->product->product_id}" data-product-name="{$rproduct->translation->name|escape}">
                                                        <img src="{baseDir}/public/images/1px.gif" alt="" class="px1" />
                                                        <span>{translate key="Notify of product availability"}</span>
                                                    </button>
                                                </fieldset>
                                                {if true == $user_logged}
                                                    <fieldset class="availability-notifier-unsubscribe-container{if $availabilityNotifyUser == null} none{/if}">
                                                        <button type="submit" class="availability-notifier-unsubscribe-btn btn btn-red" data-stock-id="{$rproduct->defaultStock->stock->stock_id}">
                                                            <img src="{baseDir}/public/images/1px.gif" alt="" class="px1">
                                                            <span>{translate key="Cancel notify"}</span>
                                                        </button>
                                                    </fieldset>
                                                {/if}
                                            {/dynamic}
                                        {/if}
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {/foreach}
        </div>
    </div>
{/if}