owl-carousel карусель сделать

[vitalorsk]

Здравсвуйте! Не подскажите можно прикрутить карусельку к этому модификатору авто рекомендуемые, пробовал не получается, не силён в этом? Спасибо

 

 

<?xml version="1.0" encoding="UTF-8"?>
<modification>
    <name>Авто рекомендуемые</name>
    <code>get_auto_related</code>
    <version>1.0.7</version>
    <author>GreekOC</author>
    <rewrite>vit</rewrite>
    <link>http://opencart</link>
    <date>2016.22.10</date>

    <file path="catalog/model/catalog/product.php">
        <operation>
            <search><![CDATA[$query = $this->db->query("SELECT * FROM " . DB_PREFIX . "product_related pr LEFT JOIN " . DB_PREFIX . "product p ON (pr.related_id = p.product_id) LEFT JOIN " . DB_PREFIX . "product_to_store p2s ON (p.product_id = p2s.product_id) WHERE pr.product_id = '" . (int)$product_id . "' AND p.status = '1' AND p.date_available <= NOW() AND p2s.store_id = '" . (int)$this->config->get('config_store_id') . "'");]]></search>
            <add position="replace"><![CDATA[$query = $this->db->query("SELECT * FROM " . DB_PREFIX . "product_to_category p2c LEFT JOIN " . DB_PREFIX . "product p ON (p2c.product_id = p.product_id) LEFT JOIN " . DB_PREFIX . "product_to_store p2s ON (p.product_id = p2s.product_id) WHERE p2c.category_id IN (SELECT category_id FROM " . DB_PREFIX . "product_to_category WHERE product_id = '" . (int)$product_id . "') AND p.product_id != '" . (int)$product_id . "' AND p.status = '1' AND p.date_available <= NOW() AND p2s.store_id = '" . (int)$this->config->get('config_store_id') . "' ORDER BY RAND() LIMIT 1, 15"); ]]>
          </add>
      </operation>
        <operation>
            <search><![CDATA[$product_data[$result['related_id']] = $this->getProduct($result['related_id']);]]></search>
            <add position="replace"><![CDATA[$product_data[$result['product_id']] = $this->getProduct($result['product_id']);]]></add>
        </operation>
    </file>
</modification>

[fanatic]

а при чем тут модель?

каруселька,  прикручивается в шаблоне

[GreenDragon]

Это нужно в файле product.tpl делать

[vitalorsk]

Пробовал, что то не выходит не подскажите, как найти статью про эту тему? Спасибо

[fanatic]

в контроллер добавить

$this->document->addStyle('catalog/view/javascript/jquery/owl-carousel/owl.carousel.css');
$this->document->addScript('catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js');

в шаблоне, блоку с товарами добавить класс  owl-carousel.  для блока с данными товара класс item и идентификатор  id="carousel-related"

 

и запустить карусель

<script type="text/javascript">
    $('#carousel-related').owlCarousel({
	items: 4,
	autoPlay: 3000,
	navigation: true,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: true
    });
</script>