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

Тема в разделе "OpenCart", создана пользователем KuEdA, 12 авг 2015.

Статус темы:
Закрыта.
  1. KuEdA

    KuEdA

    Регистрация:
    20 сен 2014
    Сообщения:
    177
    Симпатии:
    34
    Здравствуйте. Поставил в магазин модуль 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>
    Проблема заключается в том, что часть товаров прокручивается этой каруселью, а часть выстраивается под ней в вертикальном порядке слева и в прокрутке совсем не участвует. Почему так получается не могу никак понять. Подскажите, пожалуйста, как можно пофиксить эту траблу. Заранее огромное спасибо.
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.053
    Симпатии:
    779
    Вы с вложенностью тегов что-то напутали. Уберите последний закрывающий тег </div> и такой же тег перед
    HTML:
    <a href="<?php echo $product['href']; ?>#tab-review"><?php echo $product['reviews']; ?></a>
     
    KuEdA нравится это.
  3. KuEdA

    KuEdA

    Регистрация:
    20 сен 2014
    Сообщения:
    177
    Симпатии:
    34
    Спасибо. Все заработало, как нужно. Дело было, действительно, в этих тегах.
     
Статус темы:
Закрыта.