Component VmZoomer - адаптивный просмотр изображений товара

klerk

Team member
VIP Hard
Verified
Joined
Feb 19, 2016
Messages
10,982
Reaction score
8,011
VmZoomer - адаптивный просмотр изображений товара

VmZoomer - универсальное решение для удобного просмотра изображений в карточке товара.

Основные возможности:
  • полная адаптивность
  • поддержка touch событий для мобильных устройств
  • zoom изображений
  • дополнительные изображения в карусели
  • горизонтальная и вертикальная карусель
  • функциональный лайтбокс
  • показ названий изображений
Установка
Плагин устанавливается стандартно через менеджер расширений. После установки в Менеджере плагинов активируйте VmZoomer.

В папку /templates/имя_шаблона/html/com_virtuemart/productdetails/ скопируйте файлы default_images.php и default_images_additional.php из архива с плагином.

Если данной папки нет, то создайте ее. Если в папке уже есть файлы с таким названием, то замените их.

Настройка
Все настройки разделены на 3 раздела.

Главное изображение

Из админ панели можно полностью настроить внешний вид главного изображения, включить/отключить zoom.

Запуск zoom доступен по нескольким событиям:
  • наведении мыши
  • клик
  • клик с удержанием
Смена главного изображения может происходить по клику или при наведении мыши на миниатюры.

Увеличенное изображение показывается в том же окне.

На мобильных устройствах zoom срабатывает при касании. Есть опция отключения zoom на смартфонах для удобства.

Дополнительные изображения

Дополнительные изображения могут выводиться как в карусели (вертикально или горизонтально), так и без нее.

Карусель полностью адаптивна.

На мобильных устройствах листать карусель можно не только с помощью кнопок вперед/назад, но и с помощью касания.

Лайтбокс

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

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

Стрелки навигации могут выводиться либо вне изображения, либо внутри.

VmZoomer 1.6
 
Top