{if $body.products|count or $body.sections|count or $body.producers|count}
   <div class="d-flex">
      {if $body.sections|count or $body.producers|count}
         <div class="autocomplete-side">
            {if $body.sections|count}
               <div class="autocomplete-categories">
                  <p class="title-default">{t}Kategorie{/t}</p>
                  <ul>
                     {foreach $body.sections as $section}
                        <li>
                           <a href="{url s=category IDcat=$section.id}">{$section.name}</a>
                        </li>
                     {/foreach}
                  </ul>
               </div>
            {/if}

            {if $body.producers|count}
               <div class="autocomplete-categories">
                  <p class="title-default">{t}Značky{/t}</p>
                  <ul>
                     {foreach $body.producers as $producer}
                        <li>
                           <a href="{url s=category IDpd=$producer.id producerTitle=$producer.name}">{$producer.name}</a>
                        </li>
                     {/foreach}
                  </ul>
               </div>
            {/if}
         </div>
      {/if}

      {if $body.products|count}
         <div class="autocomplete-products">
            <p class="title-default">{t}Produkty{/t}</p>
            <ul>
               {foreach $body.products as $product}
                  <li>
                     <a href="{url s=product IDproduct=$product.id TITLE=$product.title}">
                        <span class="img-overlay">
                           <img src="{get_photo photo=$product.image size='product_catalog'}" alt="{$product.title}">
                        </span>
                        <span class="content">
                           <span class="title">{$product.model_short_title|default:$product.title}</span>
                            <strong class="price">{$product.price_array|format_price}</strong>
                        </span>
                     </a>
                  </li>
               {/foreach}
            </ul>
         </div>
      {/if}
   </div>
{/if}
