[Решено] Owl карусель в модуле Similar Products

Здравствуйте. Поставил в магазин модуль Similar Products, отображающий в табе, в карточке продукта дополнительные товары: http://stylishjewel.ru/ukrashenija-...bra/podveski-iz-serebra-s-kamnjami/p0730.html и решил вместо пагинации воткнуть их в карусельку. Поскольку на сайте уже используется owl carousel подключил ее в файле similar_products_products.tpl следующим образом:

Код:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/stylishjewel/stylesheet/similar-owl.css" />
<div class="sim-product">
  <?php foreach ($similar as $product) { ?>
<div class="sim-item">
        <?php if ($product['thumb']) { ?>
        <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
                <?php } ?>
        <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
        <?php if ($product['price']) { ?>
        <div class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-old"><?php echo $product['price']; ?></span><br /><span class="price-new"><?php echo $product['special']; ?></span>
          <?php } ?>
        </div>
        <?php } ?>
        <div class="rating">
          <?php for ($i = 1; $i <= 5; $i++) { ?>
          <?php if ($product['rating'] < $i) { ?>
          <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
          <?php } else { ?>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>
</div>
          <?php } ?>
          <?php } ?>
        </div>
<a href="<?php echo $product['href']; ?>#tab-review"><?php echo $product['reviews']; ?></a>
    <div class="cart"><a class="button-prod"  href="<?php echo $product['href']; ?>"><i class="fa fa-shopping-cart">&nbsp;Купить</i></a></div>      
      </div>
      <?php } ?>
    </div>
</div>

<script type="text/javascript"><!--
$('.sim-product').owlCarousel({
   items: 3,
itemsCustom : false,
singleItem: false,
    itemsDesktop : [1199, 3],
    itemsDesktopSmall : [980, 3],
    slideSpeed : 500,
    paginationSpeed : 800,
    rewindSpeed : 1000,
    autoPlay : false,
    stopOnHover : false,
    navigation : true,
    //navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
pagination : false,
    rewindNav : true,
    scrollPerPage : false,
});
--></script>

Проблема заключается в том, что часть товаров прокручивается этой каруселью, а часть выстраивается под ней в вертикальном порядке слева и в прокрутке совсем не участвует. Почему так получается не могу никак понять. Подскажите, пожалуйста, как можно пофиксить эту траблу. Заранее огромное спасибо.

 

Спасибо. Все заработало, как нужно. Дело было, действительно, в этих тегах.