{if $body.dynamic_filter.sizes.values}
   <div class="row filter-row" id="sizes">
      <h4 data-opener=".sizes-box-wrapper" data-item-id-opener="{t}velikost{/t}"
          class="filter-opener m-b-0 active">{t}Velikost{/t}</h4>
      <div class="sizes-box-wrapper opener-content">

         <div class="sizes-box" data-role="sizes-list">
            <div class="sizes-label-wrapper {if $body.dynamic_filter.sizes.values|count > 9}scrollbar" data-simplebar
                 data-simplebar-auto-hide="false{/if}">
               {strip}
                  {foreach $body.dynamic_filter.sizes.values as $size}
                     <label class="custom-checkbox custom-control filter-item" title="{$size.name}">
                        <input type="checkbox" class="custom-control-input" name="dynamic_filter[sizes][]" value="{$size.id}"
                               data-filter-input="{t}velikost{/t}">
                        <span class="custom-control-indicator"></span>
                        {$size.name}
                        <small>(<span class="filter-count" data-filter-count="{$size.id}">{$size.count}</span>)</small>
                     </label>
                  {/foreach}
               {/strip}
            </div>
         </div>
      </div>
   </div>
{/if}
