{if $related}
<section class="section page product product-accessories product-accessories-2">
  <div class="wrapper">
    <div class="content">

      <div class="content-wrapper">
        {include file="includes/breadcrumbs.html"}

        <div class="content-container">
{include file="includes/product/product-menu.html"}

          <div class="col-wrapper">
            <div class="col col-1">
              <div class="bg" style="background-image: {if $relatedCFields[0].filename}url({image f=$relatedCFields[0].filename return='path' w=1550}){else}url({$templates_dir}img/bg.jpg){/if}"></div>
            </div>
            <div class="col col-2">
              <div class="header">
                <div class="heading">PRODUKTY POWIĄZANE</div>
                 {*<p>{$product.related_content}</p>*}
              </div>
              <div class="products-wrapper product-accessories-carousel">
                {foreach from=$related key=key item=item}
                <div class="item">
                  <a href="{seoLink id_element=$item.id_element withCategories=1}"class="item-container"  target="_blank">
                    <div class="img">
                      <img src="{image f=$item.mainImageFilename return='path' w=254 h=230}" alt="" class="img-responsive">
                    </div>
                    <div class="item-descr">
                      <div class="name">{$item.name}</div>
                    </div>
                  </a>
                </div>
                {/foreach}
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</section>
              {/if}