All in One Tabs with Touch Slider

[designa]

В данном модуле  используется плагин owl carousel, стили почти подогнал под шаблон, но нужно еще сделать смещение элемента карусели при перелистывании на 300px, сейчас 290px. Модуль использует owl.carousel.min.js. Я так понимаю именно здесь высчитывается смещение

http://www.opencart.com/index.php?route=extension/extension/info&extension_id=25386&filter_search=all%20in%20one%20tab

 

Сайт: http://valise.com.ua/

*новинки, акции

[designa]

Решил проблему таким образом:

 

css

.all-in-tab {;margin-right:-30px;}
.owl-wrapper {margin-left:15px;}
.all-in-tab .col-sm-12 {margin-bottom:20px;}
.all-in-tab .nav-wrap {margin-left:15px;margin-right:15px;}
.all-in-tab .product-layout {padding-right:30px;}

/catalog/view/theme/default/template/module/fumeproducttab.tpl

Внизу страницы javascript код с настройками Owl Carousel задать параметры для #featured #lastest #specials #bestsellers (количество элементов на одной странице для разных дисплеев)

$('#lastest<?php echo $module; ?>').owlCarousel({
    items:3,
    itemsCustom : [
        [0, 1],
        [450, 2],
        [600, 2],
        [700, 2],
        [1000, 2],
        [1200, 3]
      ],
    autoPlay: 5000,
    pagination: false
});