Этот модуль был создан на основе ранее опубликованного модуля "Карусель рекомендуемых товаров". В отличие от первой версии, здесь можно выводить товары в нескольких вкладках, для каждой из вкладок можно вывести не только выбранные товары, но еще и:
- Товары из категории
- Акционные товары
- Последние добавленные
- Самые просматриваемые
У каждой вкладки есть номер, этот номер можно использовать произвольно в заголовке что бы вывести в нужном месте название-кнопку вкладки. Выглядит это так:
Для вывода названия вкладки в заголовке используется следующая конструкция: "//номер_вкладки/". Изначально, после установки будет 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
В ближайшее время описание будет дополнено, в модуле пока могут быть небольшие ошибки.. Что нашел во время подготовки к публикации - исправил, но так как модуль уже полгода был в ожидании, в практически готовом виде, выложить решил сегодня, как есть (все не так уж страшно)
да это действительно полезная тема, можно ли это сделать?
Я думаю, вы не сможете помочь с этим
Я уже говорил, мало времени. Вопросы по теме — отвечаю, не по теме… уж извините.
webrazrab.ru/nastrojki-opencart/modul-oc-2-karusel-rekomenduemyix-tovarov.html
Вот похожий, но более простой модуль, здесь можно подсмотреть правки для контроллера и шаблона (задача заключается в простом поиске отличий)
Попробуйте сравнить, там не сложно.
Могу ли я применить то же самое к разделу связанных продуктов на странице продукта?
Related products
Что именно?
В нижней части страницы товара похожие товары должны скользить вправо и влево, как здесь.
Вы мастер-программист, я был бы очень рад, если бы вы сделали это
Вы меня понимаете?
Понимаю, мне бы время еще найти)
ты мой хозяин
Я всегда буду ждать тебя здесь.
это важно для меня.
related products
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
}
}
Я пишу эти коды, я использую 3x, но они перечислены один за другим.
пожалуйста, помогите мне :(
нет мобильного просмотра
не могли бы вы пересмотреть
внизу сайта
ozellerticaret.com
Пропустили запятую после
да зарегистрирован как истинный, но не работает мобильное представление
15 дней мучаюсь помогите
Попробуйте использовать код, что был ранее, только добавьте запятую после loop: true:
Я не добавлял код, он указан ниже
Я подал заявку, но это не сработало
ozellerticaret.com/
ibb.co/YkF76yx
ibb.co/jbjRkS6
ibb.co/855VXnq
я так правильно написал?
работает, теги товара не пришли?
Нет на складе
Посмотрите, в статье есть: Отображение статуса (наличия)
Там для опенкарт 2, нужно переделать в twig:
Это то же самое для опенкарт 3?
Да, я написал код, который нужно вставить в .twig, именно для opencart 3
куда мне его добавить, он вылетел, когда я добавлял его сюда?
{% for product in tab.product %}
****
Добавил звезду в поле, сайт битый
Можете ли вы добавить его в конец и отправить мне снова, я думаю, что это очень практично :)
…
Проверил, все работает, пробуйте другой вариант вставки.

Только еще нужно будет в языковой файл добавить
Я сделал то, что вы сказали, но ответа не было
ты приедешь в турцию, я закажу тебе шашлык, теперь все готово
www.popvitrin.com/ Хочу сделать как у друга на этом сайте, но не понимаю как это сделать?
Я использую 3.0.3.6.
Я добавил коды в круглых скобках внизу, и он показывался вертикально без прокрутки
Посмотреть бы как это выглядит у Вас на сайте. Скачивали версию под Opencart 3? Возможно используется шаблон с другим слайдером
нет другого слайдера
как сделать аббревиатуру названия товара,
как substr?
Не понятен вопрос
Я хочу сократить название продукта до 20 символов
тогда да, substr
где мне написать код?
/catalog/controller/extension/module/httpmprodtc.php
Здесь нужно найти
Добрый вечер, благодарю за модуль!
Подскажите пожалуйста как дабавить многоязычность, чтобы заголовки табов выводились на разных языках. И хотелось бы еще картинку к заголовкам добавить и было бы вообще супер.
Многоязычность здесь не предусмотрена и добавить не просто. А что за картинка имеется ввиду?
или вместо заголовка в табе или вместе с заголовком картинка. Чтобы добавить многоязычность, свяжитесь со мной пожалуйста, естественно за донат)
Добрый вечер, благодарю за модуль!
Подскажите сделать вывод ссылки на категорию?
Что нужно прописать в контроллере и в шаблоне?
Заранее благодарю!
Доброй ночи! Это уже было в комментариях. Посмотрите решение чуть ниже, 18 декабря 2020, 21:57
Не нашел в контроллере этой строки:
Похоже много поменял с прошлого раза… Попробуйте так:
После
Ссылка на измененный tpl не рабочая, обновите.
исправил
Спасибо! Немного допилил под свои нужды и заработало!
Благодарю ????
Как можно вас поддержать?
Под статьей есть кнопка Юмани :)
Поддержал )
Подскажите, а есть ли модуль стикеров: Хит, акция, новинка и т д?
Только чтобы их можно было бы добавлять кастомно.
Спасибо! Модуля нет, всегда прописывал, по необходимости. Подумаю, может модуль, а может как руками прописать напишу.
Можете сориентировать по времени?
А то проект на сдаче )
Или напишите пожалуйста мануал на почту как реализовать, в свою очередь с меня поощрение )
Сейчас займусь)
Благодарю!
Буду ждать, сдаю проект )
Вот
Что то много получилось (когда просто делаешь это не так заметно), а еще не все дописал что хотел… наверное сделаю чуть позже ocmod
Благодарю! Ждем окончания чтобы внедрить на проекте!
Думаете сегодня закончите статью?
Надеюсь. Пока занят. Думаю доделаю, но ночью, или ближе к ночи
Напишите тогда тут как сделаете )
ответил в соответствующей теме. туда же сообщение перенес
Здравствуйте, столкнулся с проблемой показа карточек в карусели (версия opencart 3), когда вставляю такой код:
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
}
}
и вообще пытаюсь делать адаптацию показывается одна карточка
Посмотреть бы на полный код вызова карусели…
И после
Единственное, посмотрите под какое разрешение какое количество прописано. Указывается ведь разрешение и количество при меньше или равно (не больше). 320 — минимум, меньше не используется, соответственно и записывать нет смысла.
Возможно такой вариант больше подойдет:
Заработало, не знаю в чем ошибка была, просто включил сайт и начал нормально работать. Большое спасибо за уделенное время