Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Пробелы в стандартном блоке "рекомендуемые" + Owl Carousel 2


Recommended Posts

На сайт нужно сделать раздел "С этим товаром покупают". Принял решение использовать стандартный блок "Рекомендуемые" в связке с "Owl Carousel 2".

Вставил нужный код OWL в head, модифицировал файл "featured.tpl" следующим образом:

<h3><?php echo $heading_title; ?></h3>
<div class="row">
  <div class="owl-carousel owl-theme">
  <?php foreach ($products as $product) { ?>
  <!-- <div class="item"> -->
    <div class="product-layout col-xs-12"> <!-- col-lg-3 col-md-3 col-sm-6 -->
      <div class="transition">
        <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a></div>
        <div class="caption txt_cntrd">
          <h4><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h4>
          <!-- <p><?php echo $product['description']; ?></p>
          <?php if ($product['rating']) { ?>
          <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>
            <?php } ?>
            <?php } ?>
          </div>
          <?php } ?>-->
          <?php if ($product['price']) { ?>
          <p class="price">
            <?php if (!$product['special']) { ?>
            <?php echo $product['price']; ?>
            <?php } else { ?>
            <span class="price-new"><?php echo $product['special']; ?></span> <span class="price-old"><?php echo $product['price']; ?></span>
            <?php } ?>
            <?php if ($product['tax']) { ?>
            <span class="price-tax"><?php echo $text_tax; ?> <?php echo $product['tax']; ?></span>
            <?php } ?>
          </p>
          <?php } ?>
        </div>
        <!-- <div class="button-group">
          <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
          <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
          <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>
        </div> -->
      </div>
    </div>
  <!-- </div> -->
  <?php } ?>
    <script>
      $(document).ready(function() {
        var owl = $('.owl-carousel');
        owl.owlCarousel({
          items: 4,
          loop: false,
          margin: 10,
          nav: true,
          autoplay: true,
          autoplayTimeout: 12500,
          autoplayHoverPause: true
        });
        $('.play').on('click', function() {
          owl.trigger('play.owl.autoplay', [12500])
        })
        $('.stop').on('click', function() {
          owl.trigger('stop.owl.autoplay')
        })
      })
    </script>
<!--                 <a class="button secondary play">Play</a> 
          <a class="button secondary stop">Stop</a>  -->
  </div>
</div>

И все бы хорошо, если бы не пробелы в карусели. Пробовал ставить показ 3-х, 4-х, 5-ти элементов. Но откуда они все равно берутся – не понятно...

 

Может кто сталкивался, либо у кого есть идеи для готового решения...

1.png

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By 2OC
      Модуль 2OC ProductTabs. Настройка показа типа продуктов:  слайдер или сетка. Включение/Выключение вкладок с продуктами. Тонкая настройка показа продуктов. Установка своих классов для каждого модуля через админку и т.д. и т.п.
       
      ДЕМО:
      Главная страница
      Админка
      login: demo
      pass: demo
       
       
      Вкладки
      Типы вкладок:
      Хиты продаж Рекомендуемые Новинки Популярные Скидки При необходимости любую из вкладок можно включить/выключить.
       
      Продукт
      Тонкая настройка показа элементов продукта, включение/выключение показа: изображения, имени, описания, цены, рейтинга, корзины, избранного, сравнения и ...
       
      jQuery
      Возможность настройки параметров показа слайдера
       
      Кеширование
      Реализована генерация кэша для каждого модуля, что позволяет при следующем обращении к модулю отдавать его пользователю без единого запроса к базе данных, что повышает быстродействие и снижает нагрузку на сервер.
       
      Совместимость с другими темами из коробки не гарантируется! Но вероятность его работы на темах с bootstrap максимальная! Могу помочь с интеграцией 2OC ProductTabs в ваш шаблон, если это потребуется.
      При особой необходимости и свободном времени могу адаптировать 2OC ProductTabs под версии 2.1 или 2.2 OpenCart и ocStore.
       
      Если есть вопросы по модулю, его возможностям и можно ли реализовать с его помощью что-то, спрашивайте!
       
       
    • By 2OC
      750
      Скачать/Купить дополнение


      2OC ProductTabs - слайдер, карусель, галерея или сетка товаров
      Модуль 2OC ProductTabs. Настройка показа типа продуктов:  слайдер или сетка. Включение/Выключение вкладок с продуктами. Тонкая настройка показа продуктов. Установка своих классов для каждого модуля через админку и т.д. и т.п.
       
      ДЕМО:
      Главная страница
      Админка
      login: demo
      pass: demo
       
       
      Вкладки
      Типы вкладок:
      Хиты продаж Рекомендуемые Новинки Популярные Скидки При необходимости любую из вкладок можно включить/выключить.
       
      Продукт
      Тонкая настройка показа элементов продукта, включение/выключение показа: изображения, имени, описания, цены, рейтинга, корзины, избранного, сравнения и ...
       
      jQuery
      Возможность настройки параметров показа слайдера
       
      Кеширование
      Реализована генерация кэша для каждого модуля, что позволяет при следующем обращении к модулю отдавать его пользователю без единого запроса к базе данных, что повышает быстродействие и снижает нагрузку на сервер.
       
      Совместимость с другими темами из коробки не гарантируется! Но вероятность его работы на темах с bootstrap максимальная! Могу помочь с интеграцией 2OC ProductTabs в ваш шаблон, если это потребуется.
      При особой необходимости и свободном времени могу адаптировать 2OC ProductTabs под версии 2.1 или 2.2 OpenCart и ocStore.
       
      Если есть вопросы по модулю, его возможностям и можно ли реализовать с его помощью что-то, спрашивайте!
       
       
      Добавил 2OC Добавлено 04.03.2021 Категория Модули Системные требования Метод активации По запросу в ЛС
      По запросу на почту
      По скайпу Ioncube Loader Требуется OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  
    • By Nymphetamine
      Особенности:
      Настраиваемая адаптивность товаров. Настраиваемое отображение. Возможность разбивать карусель на табы. Возможность привязывать уникальные карусели [Новинки, Акции, и т.п.] к текущей странице категорий или карточки товара. Поддержка сенсорных событий (свайп-жесты). Поддержка слайд событий мышью. Отложенная загрузка картинок (lazy load). Автопрокрутка. Постраничная прокрутка. Кеширование модуля.  
      Вывод товаров по:
      Дате. Акциям. Производителю. Рейтингу. Популярным Лидерам продаж. Выборочным товарам.  
      Отображение:
      Заголовок. Название товара. Цена товара. Рейтинг товара. Кнопка корзины. Кнопка закладки. Кнопка сравнение. Пагинация. Навигация. И многое другое..  
      При помощи данного модуля легко можно реализовать:
      Новинки. Акции. Рекомендуемые. Лидеры продаж. Хиты продаж. Случайные товары. Похожие товары. Просмотренные товары. и многое другое..
      Гибкая настройка вывода:
      Источник товаров - выводить товары, только из определенной категории / выборочные товары / просмотренные товары. Фильтр по производителю - все производители сразу, или какой-то определенный. Сортировка и фильтрация - по дате добавления, по рейтингу, по популярным, по порядку, только лидеры продаж, только товары со скидками.  
      * Весь функционал настраивается из админки.
      * Не требует vqmod/ocmod.
      * Простой в установке.
       
      Демо:
      Витрина - отображен весь основной функционал Категория - отображена карусель с привязкой к текущей категории Товар - отображена карусель с привязкой к текущей категории + учет текущего товара Админка - логин и пароль: demo  
      Живые примеры сайтов работающие с данным модулем:
      https://mr-apple.ru https://alcoelite.pro
    • By Nymphetamine
      990 13.9
      Скачать/Купить дополнение


      OWL Карусель Товаров

       
      Особенности:
      Настраиваемая адаптивность товаров. Настраиваемое отображение. Возможность разбивать карусель на табы. Возможность привязывать уникальные карусели [Новинки, Акции, и т.п.] к текущей странице категорий или карточки товара. Поддержка сенсорных событий (свайп-жесты). Поддержка слайд событий мышью. Отложенная загрузка картинок (lazy load). Автопрокрутка. Постраничная прокрутка. Кеширование модуля.  
      Вывод товаров по:
      Дате. Акциям. Производителю. Рейтингу. Популярным Лидерам продаж. Выборочным товарам.  
      Отображение:
      Заголовок. Название товара. Цена товара. Рейтинг товара. Кнопка корзины. Кнопка закладки. Кнопка сравнение. Пагинация. Навигация. И многое другое..  
      При помощи данного модуля легко можно реализовать:
      Новинки. Акции. Рекомендуемые. Лидеры продаж. Хиты продаж. Случайные товары. Похожие товары. Просмотренные товары. и многое другое..
      Гибкая настройка вывода:
      Источник товаров - выводить товары, только из определенной категории / выборочные товары / просмотренные товары. Фильтр по производителю - все производители сразу, или какой-то определенный. Сортировка и фильтрация - по дате добавления, по рейтингу, по популярным, по порядку, только лидеры продаж, только товары со скидками.  
      * Весь функционал настраивается из админки.
      * Не требует vqmod/ocmod.
      * Простой в установке.
       
      Демо:
      Витрина - отображен весь основной функционал Категория - отображена карусель с привязкой к текущей категории Товар - отображена карусель с привязкой к текущей категории + учет текущего товара Админка - логин и пароль: demo  
      Живые примеры сайтов работающие с данным модулем:
      https://mr-apple.ru https://alcoelite.pro Добавил Nymphetamine Добавлено 08.11.2014 Категория Модули Системные требования Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3.0.2.4
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Да  
    • By OCdevWizard
      1100 15
      Скачать/Купить дополнение


      Рекомендуемые товары
      Рекомендуемые товары - это модуль, который позволяет создавать неограниченное количество модулей с различными наборами продуктов. Модуль можно использовать для создания таких модулей, как «Новинки», «Хиты продаж», продукты из выбранных категорий и многие другие настройки. Также вы можете создавать SEO страницы с набором продуктов. Этот модуль работает как модуль up-sell/cross-sell с гораздо более совершенной системой конфигурации.
       
      Уважаемые покупатели. На demo сайте за частую отображена только часть функционала, которую выполняет модуль, так как тяжело спрогнозировать то что нужно будет вам. По этому пожалуйста если у вас есть вопросы по работе модуля или у вас есть конкретная задача но вы сомневаетесь поможет ли её решить модуль то я рекомендую вам спросить об этом на странице поддержки модуля или же написать мне личное сообщение.

      FAQ - здесь собраны ответы на самые популярные вопросы.
       
      ❖ ПРЕИМУЩЕСТВО НАД ТЕМАТИЧЕСКИМИ МОДУЛЯМИ
          ➥ управление модулем выполнено на одной странице.
          ➥ редактирование параметров модуля выполняется без перезагрузки страницы.
          ➥ удобная система push уведомлений для панели управления модуля.
          ➥ возможность экспорта и импорта настроек модуля.
          ➥ возможность редактирования файла стилей модуля через панель управления модуля.
          ➥ возможность сжимать основной JS файл скриптов модуля.
          ➥ возможность создавать неограниченное количество модулей с набором продуктов.
          ➥ возможность создавать SEO страницы с набором продуктов.
          ➥ модуль не содержит файлов, в которых код зашифрован или обфусцирован.
       
      ❖ НЕМНОГО О ЦИФРАХ
          ➥ в состав модуля входит свыше 125 файлов.
          ➥ общий размер файлов меньше 0.8Mb (без сжатия).
          ➥ модуль переведен на 3 языка (English, Украинский, Русский).
          ➥ свыше 105 параметров настройки модуля.
       
      ❖ СПИСОК ВОЗМОЖНОСТЕЙ
      ❏ Модуль
          ➥ доступно 4 вида отображения модулей: статический модуль, статический модуль с вкладками, SEO страница, виджет для модуля "OCdevWizard Cart" и модуль для страницы корзины.
          ➥ доступно 4 вида отображения товаров: вертикальный список, карусель с одним элементом, горизонтальная сетка, горизонтальная карусель.
          ➥ возможность выбрать, какие продукты отображать: выбрать товары из категорий, выбрать товары из брендов, отображать выбранные товары, отображать новые товары, отображать наиболее продаваемые товары, отображать товары с акционной ценой, отображать наиболее просматриваемые товары, ранее просмотренные товары, товары от бренда что и главный товар, рекомендуемые товары от главного товара, товары из категорий что и главный товар, товары которые покупали с главным товаром.
          ➥ возможность фильтрации товаров по текущей категории или производителю.
          ➥ возможность устанавливать ограничения для набора продуктов: показывать только на выбранных товарах, показывать только на выбранных категориях, показывать только на выбранных брендах, показывать только на выбранных статьях, показывать только на пользовательских GET запросах или части URL в строке браузера.
      ❏ Другое
          ➥ поддержка multi-языков.
          ➥ поддержка multi-магазинов.
          ➥ поддержка RTL или LTR направление текста.
          ➥ модуль требует активацию лицензии.
       
      ❖ DEMO САЙТ
          ➥ Админка: demo / demo | Смотреть
          ➥ Каталог: Смотреть
       
      ❖ СОВМЕСТИМОСТЬ С OPENCART
          ➥ 1.5.5.1, 1.5.6, 1.5.6.1, 1.5.6.2, 1.5.6.3, 1.5.6.4
          ➥ 2.0.0.0, 2.0.1.0, 2.0.1.1, 2.0.2.0, 2.0.3.1, 2.1.0.1, 2.1.0.2, 2.2.0.0, 2.3.0.2
          ➥ 3.0.0.0, 3.0.1.1, 3.0.1.2, 3.0.2.0, 3.0.3.0, 3.0.3.1, 3.0.3.2, 3.0.3.3, 3.0.3.5, 3.0.3.6, 3.0.3.7, 3.0.3.8
       
      ❖ СОВМЕСТИМОСТЬ С OCSTORE
          ➥ 2.1.0.1, 2.1.0.1.1, 2.1.0.2, 2.1.0.2.1, 2.3.0.2, 2.3.0.2.1, 2.3.0.2.2, 2.3.0.2.3, 2.3.0.2.5
       
      ❖ СИСТЕМНЫЕ ТРЕБОВАНИЯ
          ➥ Минимальная версия PHP: 5.4.
          ➥ Модуль не работает на localhost.
       
      ❖ ЛИЦЕНЗИОННОЕ СОГЛАШЕНИЕ
      Приобретая ПО, разработанные OCdevWizard, вы подтверждаете, что прочитали и согласны с условиями этого соглашения. Соглашение вступает в силу с момента покупки ПО, проданного через этот сайт, или получения его по электронной почте или любым другим способом. Если вы не согласны с этими условиями лицензирования, не используйте и/или не покупайте это ПО.
      Покупая ПО от автора OCdevWizard, пользователь соглашается c:
          ➥ Лицензию может предоставлять только автор ПО - OCdevWizard.
          ➥ После покупки ПО покупатель получает не эксклюзивную, не передаваемую, отзывную лицензию без ограничения по времени, по принципу 1 покупка ПО = 1 лицензия.
          ➥ Покупатель имеет право активировать лицензию только на один домен (например http://site.com), а также на не более чем пять под доменов этого же домена (например http://test.site.com или http://site.com/test). Для получения большего количества лицензий нужно произвести покупку ПО равно количеству доменов.
          ➥ В случае смены доменного имени, переезд сайта на другой домен, нужно выполнить покупку и активацию лицензии на этот домен.
          ➥ Активная лицензия дает право на использование обновлений ПО и бесплатной технической поддержки (консультация по настройке ПО и исправление конструктивных ошибок) сроком на 1 год. По окончанию этого периода покупатель имеет право продлить его, выполнив повторную покупку ПО. Само ПО будет работать без изменений, как и до момента окончания этого периода.
          ➥ Вы не можете продавать или перепродавать это ПО без письменного разрешения автора (OCdevWizard).
          ➥ Вы не можете давать в качестве подарка или распространять это ПО без письменного разрешения автора (OCdevWizard).
          ➥ Вы не можете изменять название этого ПО без письменного разрешения автора (OCdevWizard).    
          ➥ Вы не можете представлять это ПО как собственное.
          ➥ Вы не можете использовать или извлекать компоненты ПО для использования их вне файлов ПО.
          ➥ Вы не можете удалять из файлов ПО копирайт автора (OCdevWizard).
          ➥ ПО предоставляется по принципу «AS IS».
      Автор ПО оставляет за собой право вносить изменения в условия данного лицензионного соглашения и изменять его пункты в любое время без дополнительных уведомлений, а также оставляет за собой право прекратить поддержку, отказать в доступе к обновлениям если пользователь нарушает это лицензионное соглашение.
       
      ❖ ПОДДЕРЖКА
          ➥ Пожалуйста, используйте мой сайт технической поддержки клиентов, чтобы запросить помощь или сообщить о ошибке.
          ➥ Пожалуйста, не используйте комментарии для сообщений об ошибках.
          ➥ Платная техническая поддержка выполняется в случаях, когда существует конфликт с внешними модулями/продуктами/шаблонами. Пожалуйста, примите это с пониманием того, что разработчик не может сделать собственный модуль на 100% совместимым со всеми внешними расширениями. Вот почему в некоторых случаях необходимо адаптировать модуль к нестандартной конфигурации и системным настройкам магазина. Поэтому решение таких проблем будет оплачиваться отдельно от стоимости модуля.
       
      ❖ СОВМЕСТИМ И АДАПТИРОВАН
          ➥ HYPER Positions +70 позиций модулей - oc2.3x
       
      ❖ ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ
      ❏ Вы можете напрямую заказать дополнительную услугу после покупки данного модуля:
          ➥ Установка модуля в ваш магазин вместо вас - 1100 руб.
          ➥ Базовая настройка параметров модуля вместо вас - 1100 руб.
          ➥ Помощь в решении проблем совместимости с вашей конфигурацией магазина - 1100 руб.
          ➥ Изменить стиль модуля в соответствии с вашей темой - 1100 руб.
          ➥ Улучшить/изменить базовую функциональность модуля в соответствии с вашими предпочтениями - индивидуальная цена.
          ➥ Пакет услуг "Услуги+" (включает установку, базовую настройку, устранение проблем совместимости, стилизацию под вашу тему и «пожизненную» лицензию) - 4400 руб.
      Все дополнительные услуги оплачиваются на этой странице.
      Добавил OCdevWizard Добавлено 12.04.2018 Категория Покупки, оформление заказа, корзина Системные требования Минимальная версия PHP: 5.4 Метод активации По запросу в ЛС
      По запросу на почту
      Через официальный сайт дополнения Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Да  
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.