{if $categoryProducts}
    
<div class="related-products">
<h2>{$categoryProducts|@count} {l s='other products in the same category:' mod='wdproductscategory'}</h2>
<div class="row carousel">
   
{$i=1}

  <div class="jcarousel-container jcarousel-container-horizontal"><div class="jcarousel-clip jcarousel-clip-horizontal">
           {if $categoryProducts|@count>3}
              <ol  class="products-grid row jcarousel-list jcarousel-list-horizontal" id="block-related">
              {else}
                  <style>
                      .related-products ol li:first-child{
                      margin-left:30px;
                      }
                      </style>
                  <ol  class="products-grid row jcarousel-list jcarousel-list-horizontal" > 
              {/if}
{foreach from=$categoryProducts item='categoryProduct' name=categoryProduct}
     
        <li jcarouselindex="{$i}" class="item span3 odd jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal">
                  <div class="products-box">
      <a href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}" title="{$categoryProduct.name|htmlspecialchars}" class="product-image"><img src="{$link->getImageLink($categoryProduct.link_rewrite, $categoryProduct.id_image, 'home_default')}" alt="{$categoryProduct.name|htmlspecialchars}"></a>
        <div class="shadow-s">&nbsp;</div>
      <div class="pro-info">
              <!--<div class="ratings">
                    <div class="rating-box">
                <div class="rating"></div>
            </div>
                <span class="amount"><a href="#" onclick="var t = opener ? opener.window : window; t.location.href=''; return false;">1 Review(s)</a></span>
    </div>-->
          <p class="product-name"><a href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}">{$categoryProduct.name|htmlspecialchars}</a></p>
          

                
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-175-related">
                                            <span class="price">{convertPrice price=$categoryProduct.displayed_price}</span>                                    </span>
                        
        </div>

                  </div>
      </div>
    </li>
{$i=$i+1}
     {/foreach}
      </ol></div>{if $categoryProducts|@count>3}
      <div style="display: block;" class="jcarousel-prev jcarousel-prev-horizontal"></div>
      <div style="display: block;" class="jcarousel-next jcarousel-next-horizontal"></div>
      {/if}
  </div>
      
   
</div>
</div>
   
{/if}


