
Этот модуль был создан на основе ранее опубликованного модуля "Карусель рекомендуемых товаров". В отличие от первой версии, здесь можно выводить товары в нескольких вкладках, для каждой из вкладок можно вывести не только выбранные товары, но еще и:
- Товары из категории
- Акционные товары
- Последние добавленные
- Самые просматриваемые
У каждой вкладки есть номер, этот номер можно использовать произвольно в заголовке что бы вывести в нужном месте название-кнопку вкладки. Выглядит это так:
Для вывода названия вкладки в заголовке используется следующая конструкция: "//номер_вкладки/". Изначально, после установки будет 2 вкладки, одну можно удалить и вывести просто карусель с товарами, а можно добавить новые.
В результате, на сайте, это будет выглядеть так:
В комплекте с модулем идут CSS и JS файлы, найти их можно по пути: "catalog/view/javascript/jquery/" - httpmprodtc.css и httpmprodtc.js
Их содержимое рекомендую перенести в другие используемые сайтом файлы, к примеру для стандартной темы это будут /catalog/view/javascript/common.js и /catalog/view/theme/default/stylesheet/stylesheet.css
Отображение статуса (наличия)
В модуле есть возможность так же вывести наличие товара, добавлял при разработке одного сайта, да забыл убрать из публикуемой версии (в стандартном варианте в блоках с превью товаров это не отображается). Если нужно вывести, сделать это можно следующим образом - в нужном месте в шаблоне модуля httpmprodtc.tpl гужно добавить один из следующих вариантов кода:
<span class="status<?php if ($product['quantity'] > 0) { echo ' ok'; } ?>"><i class="fa fa-check-square"></i></span>
В этом варианте будет показана иконка с, или без класса "ok", в зависимости от наличия данного класса можно в CSS настроить вид иконки, например так:
.status {font-size: 20px;line-height: 35px;}
.status.ok {color: #25b567;}
Или так:
<span class="status<?php if ($product['quantity'] > 0) { echo ' ok'; } ?>"><?php echo $product['stock']; ?></span>
В таком варианте будет показан статус наличия (текст)
Количество одновременно показываемых товаров для мобильных
Только для Opencart 2.x - Owl Carousel
В этой части речь пойдет о настройке Owl Carousel, для отображения нужного количества товаров в мобильной версии.
В шаблоне /catalog/view/theme/default/template/extension/module/httpmprodtc.tpl, в самом низу есть скрипт вызова Owl Carousel:
$('#prodcarousel<?php echo $tab['module']; ?>-<?php echo $tab['id']; ?>').owlCarousel({
items: <?php echo $items; ?>,
autoPlay: 5000,
navigation: true,
navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
pagination: false
});
Для внесения изменений обратимся к документации, все что здесь есть можно использовать.
В нашем случае поможет такой код, который нужно добавить после pagination: false, (не забываем здесь запятую)
.....
pagination: false,
responsive : true,
itemsDesktop : [1200, <?php echo $items; ?>],
itemsDesktopSmall : [992, 3],
itemsTablet : [768, 3],
itemsTabletSmall : [620, 2],
itemsMobile : [400, 1],
Здесь в квадратных скобках указываем: [ширина окна, количество товаров]
Только для Opencart 3.x - Swiper
.....
breakpoints: {
// when window width is >= 320px
320: {
slidesPerView: 2,
spaceBetween: 20
},
// when window width is >= 480px
480: {
slidesPerView: 3,
spaceBetween: 30
},
// when window width is >= 640px
640: {
slidesPerView: 4,
spaceBetween: 40
}
}
......
Скачать модуль:
Версия под Opencart 2.3 Версия под Opencart 2.1 (2.x<2.3) Версия под Opencart 3
В ближайшее время описание будет дополнено, в модуле пока могут быть небольшие ошибки.. Что нашел во время подготовки к публикации - исправил, но так как модуль уже полгода был в ожидании, в практически готовом виде, выложить решил сегодня, как есть (все не так уж страшно)
Добрый день, пользуюсь и осваиваю вашу другую карусель и хочу узнать будет ли у этой карусели версия для OpenCart 3
Здравствуйте! Будет, обязательно. Попробую на выходных заняться (пока некогда)
Извините за навязчивость, но уж больно интересный у Вас модуль, но вот такая проблема происходит. Может посодействуете в решении?

Такие настройки у меня стоят:
А отображается как будто стоит источник «последние добавленные» в чем может быть проблема? все кеши сброил, права добавил.
ссылка на скриншот
Так он же не настроен! Товары из категории, а категория не выбрана. Выбранные товары — товары не выбраны. Две вкладки, а в заголовке не обозначены…
Я все понял. Сначала думал что если выбрать «категория товара» то будут отображаться товары из текущей категории. Хотелось именно такую реализацию. Но модуль весьма интересен и без этого.
А есть ли возмождность Ваш модуль совместить с этим? Он делает выборку рекомендуемых товаров из категории текущего товара. Заранее спасибо за любой ответ.
Доброго времени суток!
Добавил модуль, все настроил, не работает источник «Товары из категории» выбираю категория товара и как я понимаю должны отображаться товары из той же категории в которой находится текущий открытый товар, но отображаются последние добавленные товары ссылка это я что то не так понимаю или какие то проблемы?
Здравствуйте!
«Товары из категории» -> товары из выбранной в модуле категории, никакой зависимости от текущего товара, или текущей категории нет.
Странно но модуль не работает, ни карусель ни табы. Скорее всего я что то не так делаю но товары просто отображаются друг за другом. Добавил две вкладки и товары туда но отображается вот так i.paste.pics/B8PX3.png. Буду рад если сможете помочь. И ещё вопрос, можно ли как то сделать просто отображение товаров в два ряда по 5 товаров, что бы не было owl carousel?
сайт z9.getup.online
Здравствуйте! Вчера был далеко от компа. Модуль пока отключили (не вижу на сайте)?
Да отключил, ошибок в консоле вроде бы нет. Шаблон дефолтный почти. Сейчас включил модуль.
Попробуйте прописать правильно заголовок (вкладками — //1/ тест //2/)
Блин, вот же глупый я. Извините пожалуйста за беспокойство, всё получилось. А не подскажите как всё таки сделать товары в два ряда по 5 шт без owl? Возможно ли это? Или нужно много переписывать кода?
Можно просто убрать в контроллере подключение owlCarousel и в шаблоне вызов скрипта и классы карусели
Хорошо! Спасибо Вам большое!
hello dear is it possible in this module when i select product source Products from category after adding this product i want when some on my website click on tab title its show whole cattegry page
can i watch it on the site?
i just want to add view all category button on right courner of module please help me how i can do this
??
A lot of work, little time)
Before:Controller.
Find and remove this:
Add:
View. In the right place:
its not working for me when i install this its show whole products vertical and not work cresual
Please check browser console to find errors. The owlcarousel script or CSS is probably not correctly connected
please visit my website and check this thanks bakepoint.pk/
i install this in 2 websites but same problem your other module (Featured products as carusel) is working fine
Please check this setting:

thanks dear its don…
Доброго времени суток! Установилось и завелось, все ок. Но, кнопки о названия отображаются не корректно. Не знаю как исправить.

Выглядит так
А должно быть так
Рекомендую открыть шаблон любого модуля из тех что были (catalog/view/theme/ВАША_ТЕМА/template/extension/module/), например latest или special и оттуда в httpmprodtc.tpl заменить все от:
до вот этого закрывающего div:Единственное, там где выводится процент в стандартном модуле, нужно будет сделать замену переменной на:
Если что то не получится — пишите
Не получается, возможно не правильно делаю. Вот мой special.tpl
Помогите пожалуйста. При добавлении двух табов, один таб работает корректно, а второй выводится просто без карусели. вот таб два с выведенными товарами который работает корректно
а вот первый таб выводится просто пустой, без карусели.
В настройках стоит вот так. При этом пробовал выводить как выбранные товары, так и товары из категорий. Что я делаю не так?
Ошибка в модуле. Исправлено.
Что то не работает, прокрутка, 2 блок не выводит, и в мобильной версии выводит не так
open.shardom.ru вот сайт
А можно посмотреть скриншот, как в админке заполнено?
Можно, куда отправить скрин?
vl@onenv.ru, или прямо сюда
Подскажите, пожалуйста: Добавил три таба, на сайте сами табы не отображаются — выводится сразу три карусели, без названия табов — без ничего. Тема стандартная, сборка opencart.pro
В чем может быть причина?
я бы посмотрел заполнение заголовка модуля
Отображение заголовка модуля выключено…
Но внутри там — соответственно, заголовок модуля. У меня он называется «Главная страница» — ничего особенного…
Я же правильно понимаю, что модуль может выводить табы, как, например стандартный модуль в opencart.pro — demo23.opencart.pro/
Разобрался :)
Здравствуйте на OCstore 2.3 подойдёт модуль?
Да, все должно быть нормально
Как бы банально это не звучало, но как можно добавить в этом модуль вывод именно «рекомендуемых» товаров, те что в «товары > связи > рекомендуемые товары»? Заранее спасибо!
Те товары отдельно, на странице товара выводятся и только там, можно вывести их через данный модуль как одну из вкладок, но здесь нужно индивидуальное решение с переделкой контроллера и шаблона товара… здесь есть варианты, но одним только модулем здесь не ограничится
Спасибо! Сделайте реализуйте на сайте «подержать», или что типа того, для того что бы люди могли вас поблагодарить финансово)
плюсне могу зарегистрироваться на сайте, не работает чего-то. Еще раз спасибо за ваши труды и поддержку!
Спасибо!
Кнопку делал, не пользуется популярностью, перестал как то включать в материалах. В VK авторизует без проблем, но регистрация здесь ни на что не влияет
И еще вопрос как сделать так чтобы при наведении курсора картинка в карточке товара переворачивалась? (эффект переворота изображения с первого на второе) у меня работало так
пытался в ставить его в httpmprodtc.tpl сразу нотисы…Нужно из контроллера того модуля где это работает перенести additional_img, скорее всего будет в двух местах — отдельно переменной + в массиве $data['products']
Добрый день, подскажите пожалуйста как сделать нормальное отображение в мобильном? Сделал согластно вашей инструкции но ни чего не происходит товар налаживаеться друг на друга.(чистил кеш, делал сброс)

Вот сам сайт
У вас дважды подгружается скрипт owl.carousel.min.js — один стандартный, из catalog/view/javascript/jquery/owl-carousel/owl.carousel.min.js, второй из темы — catalog/view/theme/electro/assets/js/owl.carousel.min.js, думаю здесь проблема (не ясно, зачем вообще скрипт который стандартно включен, еще и в тему запихивать). Возможно второй имеет другую версию… Один из скриптов нужно убирать.
Для начала предлагаю отключить модуль «Рекомендуемые» и посмотреть что будет. Есть вероятность что он единственный использует нестандартный скрипт. Если ничего не изменится, тогда нужно будет переписать мой модуль немного. В контроллере заменить ссылку на скрипт (выше я привел обе ссылки) и подправить скрипт вызова:
Спасибо" огромное, действительно при отключении модуля «рекомендуемые» все заработало, к сажелению тема не до конца совершенна, много приходиться исправлять хотя она стоит денег… (тема Electro)
Тогда нужно модуль рекомендуемые поправить — так же замена пути к скрипту (и css скорее всего) в контроллере + замена скрипта вызова. И то и то можно взять из этого модуля, подойдет
Скажите как решить notice index «tabs» 167стр. httpmprodtc.php?
Тема не стандартная, ostore2.3
Заранее спасибо.
Добрый день! Видимо ни в одной из вкладок нет товаров. Ошибку поправлю
Да именно это)))) Простите
На Version 2.3.0.2 (rs.6) все хорошо работает, проблем нет пробовал.
Модуль ставил на 2.3 но почему то он табами не включается просто идут друг за другом.
А можно сайт посмотреть?
Ставил на локалке оа Opencart.pro 2.3 на дефолтную тему.
А можно тогда скрин из настроек? без ничего сложно подсказать…
Здравствуйте, путь правильный catalog/language/russian/module/httpmprodtc.php Спасибо за помощь.
Там от версии зависит. В 2.3 путь к языковым файлам через ru-ru, en-gb,…
Чет я не пойму в наличии пишет,(text_instock), а когда нет в наличии пишет нормально(нет в наличии).
В языковом файле не хватает
catalog/language/ru-ru/extension/module/httpmprodtc.phpА как сделать чтобы писал нет в наличии, и в наличии?
Исправил. $product['stock'] вместо $stock
В ВИДЕ ТЕКСТА НЕ ДЕЛАЕТ, ВЫДАЕТ ОШИБКУ Notice:Undefined variable: stock in
Здравствуйте. Спасибо за модуль.
Но, почему для версии 2.3 JS карусели закомментирован? :)
Где там такое? Проверил, все нормально.
Если про
то такая конструкция в опенкарт используется везде. Вроде как штука и не нужная, но несколько лет назад (3-5) сам столкнулся с проблемой в работе скриптов — с ошибка, — все хорошо.главное что работает)
httpmprodtc.tpl шаблон мне кажется этого модуля,featuredcarusel.tpl это другой модуль.спасибо
Спасибо, исправил.
Здравствуйте! Не подскажите как можно вывести в модуле самой карточке надписи в наличии, нет в наличии?
Я так понимаю, нужно именно в модуле? На самом деле легко, здесь уже все есть в контроллере (забыл убрать), нужно только в httpmprodtc.tpl добавить в нужном месте например так:
В зависимости от наличия будет выведен класс «ok», в зависимости от наличия которого нужно стили назначитьОбновил описание
Здравствуйте! Прокрутка не работает, длина и ширина тоже, все товары вниз пошли опенкарт 2.1
Спасибо за модуль отличный, решил проблему 5+
Добрый день! А проблема была в модуле?
Нет, модуль хорошо себя ведет, есть один нюанс небольшой товары близко друг другу, рамка прилегает к другой между собой, как можно решить?
И ещё есть вопрос есть модуль стена категорий на опенкарт 2установился нормально с компьетера открывается норм в ряд. С телефона в низ идут как изменить чтобы открывались норм адаптировать
Добавил поля в стандартном варианте, CSS файлы в архивах обновил
Для адаптации под мобильные — самое простое прописать свойства в CSS под нужные размеры окна (@media (max-width:.......)
Что не получается стена категорий подправить чтобы на мобильном открывался правильно, все перепробовал css смотрел даже стилей нет не нашол, может с модулем проблемы, как его подправить
Мне тот модуль не попадался. Стили можно прописать и в .css шаблона
какой код CSS требуется для 2 строк на мобильном телефоне
Я так понимаю, нужно вывести все блоки без переключения? Можно указать для нужного разрешения:
Но блоки будут без собственных заголовковБольшое спасибо, но я хочу, чтобы такой макет «product-layout col-lg-2 col-md-3 col-sm-4 col-xs-6» возможен? вы не могли бы мне помочь?
Если товары выводятся каруселью, то нужно немного иначе делать, через настройки owl carousel (скрипт в самом низу шаблона)… сейчас наверное в описание добавлю
а товары слайдером отображаются?
Здравствуйте, если вы хотите, мой адрес сайта www.popvitrin.com. Вы можете войти и проверить.
(Можно ли писать по-английски? Пишу с помощью гугл перевода.)
Обновил описание, надеюсь будет понятно.
Translation is perfect! Description update
Большое спасибо, я применил ваше описание, и это было именно то, что я хотел, поздравляю. Я искал такой модуль. Еще раз спасибо