Перейти к содержанию
ViacheslavA

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

Рекомендуемые сообщения

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

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

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

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

 

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

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

 

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

 

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

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

 

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.