<div class="product-sticky-info-wrapper">
   <div class="container-narrow">
      <div class="product-sticky-nav tabs">
         <a href="#description" class="nav-link" data-scrollto>{t}Popis a parametry{/t}</a>
         {if $material}
            <a href="#properties" class="nav-link" data-scrollto>{t}Vlastnosti produktu{/t}</a>
         {/if}
         {if $video_links|count > 0}
            <a href="#video" class="nav-link" data-scrollto>{t}Video{/t}</a>
         {/if}
         <a href="#reviews" class="nav-link" data-scrollto>{t}Recenze{/t}</a>
      </div>
   </div>

   <div class="product-sticky-info">
      {if $body.product.image}
         <div class="img">
            {$photo_dimensions = $cfg.Photo.types["product_collection"].size}
            <img src="{get_photo photo=$body.product.image size="product_collection"}" width="{$photo_dimensions[0]}"
                 height="{$photo_dimensions[1]}" loading="lazy" alt="{$body.product.title}">
         </div>
      {/if}
      <div class="content">
         <div>
            <p class="title">{$body.product.title}</p>
            {include "product/product.ajax.tpl" product=$unifiedProduct hide_first_part=1 hide_second_part=1 hide_third_part=1 hide_fourth_part=1}
         </div>
         <div>
            <a href="#product-form" class="btn-link" data-scrollto>{t}Koupit{/t}</a>
         </div>
      </div>
   </div>
</div>
