{if !$products|count and $data.column_count}
   <p>{t}Tento produkt aktuálně není skladem.{/t}</p>
{/if}

<div class="row {$row_class|default:'catalog-row'}"{if $row_id} id="{$row_id}"{/if} {if $body.pager}data-page="{$body.pager.number}"
   data-products-row{/if} data-tracking-view='{get_gtm_data encode=true type='ecommerce' method='ProductsImpressions' data=['products' => $products, 'listType' => $listType, 'listId' => $listId]}'>

   {foreach $smarty.get.dynamic_filter.variations as $var_filter}
      {if $var_filter.value|count == 1}
         {$var_filter_active = true}
      {/if}
   {/foreach}

   {$collectionProducts = $products->fetchCollections()}
   {$parameters = $collectionProducts->fetchParameters([88])}
   {$products->fetchProductLabels('list')|silent}
   {$products->fetchPhotos(2)}

   {$list_iteration = 0}

   {foreach $products as $product properties=[index,iteration]}
      {if $body.filter_active and $product.matched_id_variation and $var_filter_active}
         {$hash = "#`$product.matched_id_variation`"}
      {else}
         {$hash = ''}
      {/if}

      {$list_iteration = $list_iteration + 1}
      {if $product.banner}
         <div class="{$catalog_class|default:'col-xl-3 col-lg-4 col-xxs-6'}">
            <div class="catalog-banner{if $product.banner.custom_data.red_filter} banner-red-filter{/if}{if $product.banner.custom_data.overlay == 'Y'} has-overlay{/if}" data-tracking-view='{get_gtm_data type='ecommerce' method='PromotionImpression' encode=true data=['slider' => $product.banner.slider, 'position' => 1]}'>
               <a href="{$product.banner.link}" data-tracking-click='{get_gtm_data encode=true type='ecommerce' method='PromotionClick' data=['slider' => $product.banner.slider, 'slide' => $product.banner, 'position' => 1]}'>
                  <div class="catalog-banner-content">
                     {if $product.banner.custom_data.flag}
                        <span class="flag flag-banner">{$product.banner.custom_data.flag}</span>
                     {/if}
                     <p class="descr descr-{$product.banner.custom_data.color}">{$product.banner.description|nl2br nofilter}</p>
                      {if $product.banner.custom_data.descr_alt}
                         <p class="descr descr-alt descr-{$product.banner.custom_data.color_alt}">{$product.banner.custom_data.descr_alt|nl2br nofilter}</p>
                      {/if}
                      {if $product.banner.link}
                        <span href="{$product.banner.link}" class="btn btn-white">{$product.banner.custom_data.btn|default:"{t}Prohlédnout{/t}"}</span>
                     {/if}
                  </div>
                  <picture>
                     {assign var=imageBanner value=$product.banner.photo}
                     <source srcset="{get_photo photo=$imageBanner size='slider' version="mobile" gifs=1}" media="(max-width: 543px)">
                     <source srcset="{get_photo photo=$imageBanner size='slider' version="tablet" gifs=1}" media="(max-width: 1259px)">
                     <img src="{get_photo photo=$imageBanner size='slider' gifs=1}"
                          alt="" width="{$photo_dimensions[0]}"
                          height="{$photo_dimensions[1]}"
                     />
                  </picture>
               </a>
            </div>
         </div>
         {if $product.id < 0}{break}{/if}
      {/if}

      {include 'block.products.item.tpl'}

      {if $body.pager.number == 1 and $list_iteration == 4 and $body.category.blocks['img_map']}
         <div class="col-xxs-12 catalog-outfit-wrapper">
            <div class="catalog-outfit">
               {$body.category.blocks['img_map']|inline_edit nofilter}
            </div>
         </div>
      {/if}
   {/foreach}
</div>
