Jump to content
покупайте без комиссии
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

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

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

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

 

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

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

 

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

 

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

Link to post
Share on other sites

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

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

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

 

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

Я допилил в родную карусель 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>

 

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

 

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

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
  • 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.