Ищу карусель картинок с их просмотром

[ViacheslavA]

Доброго вечера.

Весь вечер мучаю гугель и никак не соображу как правильно искать...

Мне требуется карусель картинок с их предпросмотром в галерее типа лайтбокса (я уже устарел и помню только такую штуку).

Сама карусель отлично работает родная из ocStore 2.3 - но в ней я так и не придумал как сделать просмотр картинок.

 

Надо чтоб карусель была маленькая, примерно 100-150пикселей в высоту и потихоньку крутилась, а при нажатии на картинку она открывалась в полный размер.

В родной я настроил банер и карусель - крутится классно, но максимум что можно - настроить ссылку на картинку, но не открыть ее в полный размер без перехода на другую страницу. Подскажите как искать - перерыл карусели и слайдеры, но практически везде оно каруселят товары а не картинки или нет увеличения картинок.

 

Смысл извращения - для рекламной статьи надо крутить фото выполненных работ, а если пользователя зацепит картинка, чтоб он мог ее увеличить, посмотреть и потом в тексте в форме обратной связи правильно написать заявку на работы.

 

Буду благодарен любой помощи.

[ViacheslavA]

К сожалению видно тема очень специфичная оказалась...

Решение из коробки я не нашел и пришлось пилить самому.

Я не спец в модулях Опенкарта поэтому поиск и отладчик помог.

 

На всякий який выложу решение, может кому пригодится.

Я допилил в родную карусель FancyBox.

 

1. В файле модуля \system\storage\modification\catalog\controller\extension\module\carousel.php   и в файл \catalog\controller\extension\module\carousel.php (работает все в первом файле, зачем нужен второй не знаю, но добавил что было) подключаем фансибокс

добавляем строки 

        $this->document->addStyle('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.0/jquery.fancybox.min.css');
        $this->document->addScript('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.4.0/jquery.fancybox.min.js');

после 10-11 строки.

 

2. В файле шаблона \catalog\view\theme\unishop\template\extension\module\carousel.tpl (а есть еще \catalog\view\theme\unishop\template\module\carousel.tpl надо будет и в нем пордублировать) в строке 5 добавляем data-fancybox="gallery" чтоб получилось

<a data-fancybox="gallery" href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>

 

и все.... теперь в банере правильно заполняем картинки - ссылка на большую и добавлена маленькая и получаем карусель с галереей картинок. Я буду использовать ее для демонстрации картинок с примерами выполненных работ только на одной странице.

 

Понимаю, что способ не есть правильный и надо допилить админку, т.к. карусель становится заточена только под одну задачу, но я более ее использовать не буду нигде и решение подойдет.