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

Опубликовано: 16 Сентябрь, 2015
Обновлено: 2 Январь, 2017
Категория: Расширения для VirtueMart 2, Расширения для VirtueMart 3
Комментариев: 88

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

Основные возможности:

  • полная адаптивность
  • поддержка touch событий для мобильных устройств
  • zoom изображений
  • дополнительные изображения в карусели
  • функциональный лайтбокс

Установка

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

install

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

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

Настройка

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

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

1

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

Запуск zoom доступен по нескольким событиям:

  • наведении мыши
  • клик
  • клик с удержанием

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

Для кнопки, открывающей окно лайтбокса, доступно 2 изображения (стрелки и лупа) и 4 позиция (в любом углу изображения).

zoom

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

На мобильных устройствах zoom срабатывает при касании.

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

2

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

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

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

Параметры лайтбокса

3

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

zoom2

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

zoom3

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

zoom4

Другие настройки

4

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

Информация

Поддержка: Joomla 3; VrtueMart 3; Joomla 2.5; Virtuemart 2.6.10 и выше

Автор: virtuemart.su

Последнее обновление: 11.05.2016

Версия: 1.5

Стоимость: 1 500р. 1 000р. (до 31.01.2017)

Демо

Оплатить плагин можно через форму ниже. Ссылка на скачивание будет отправлена на почту в течении 1-3 часов. Для оплаты другими способами напишите на admin@virtuemart.su.

версия 1.5 - 11.05.2016
- добавлена смена главного изображения при наведении на миниатюры
- исправлены ошибки при отключении карусели с дополнительными изображениями

версия 1.4 - 12.04.2016
- дополнительные события для запуска zoom
- поддержка показа названия изображений

версия 1.3 - 25.03.2016
- добавлены стрелки листания главного изображения
- исправлена ошибка при формировании миниатюр

версия 1.2 - 22.12.2015
- исправлена ошибка в firefox при отключенном zoom эффекте
- улучшена админ панель

версия 1.1 - 25.09.2015
- поддержка virtuemart 2.6.10 и выше
- улучшена кроссбраузерность

88 комментариев

    Алекс

    оплатил. когда отправите плагин?

      admin

      admin

      Здравствуйте!

      Спасибо за покупку, ссылку отправил.

    Алексей

    Отличный плагин. Оперативная поддержка.
    Отдельное спасибо за адаптацию к VM2.

      admin

      admin

      Спасибо за отзыв.

    Дмитрий

    Хороший плагин. Но CSS все нужно самому делать... хотя это и лучше 🙂

      admin

      admin

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

    Sio

    Добрый день!

    Нужен ВАШ плагин
    joomla 3.4.4 + VM 3.0.10 шаблон gk_shop_and_buy
    Будет работать?

      admin

      admin

      Здравствуйте!

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

    yuri46.7

    Оплатил. Жду!

      admin

      admin

      Спасибо за покупку, ссылку отправил.

    yuri46.7

    Спасибо, всё работает. Осталось css подправить.

    Аркадий

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

    Оплатил. Очень надеюсь, что сделает всё красиво! 🙂

      admin

      admin

      Спасибо за покупку, ссылку отправил.

    Александр

    Ребята, молодцы, плагин нужный. Есть один важный недочет. При просмотре на мобильных невозможно протянуть пальцем изображение, чтобы посмотреть - что под ним (кнопка купить), так как при нажатии обрабатывается увеличение и т.п.
    Можно ли сделать так, чтобы протягивание работало, как прокрутка страницы вверх и вниз, а увеличение срабатывало только на кратковременное нажатие? Я бы предпочел, чтобы на мобильных зум срабатывал в лайтбоксе только при кратковременном нажатии, а в остальных случаях прокручивалась страница. При этом сделать этот лайтбокс на всю ширину экрана, оставить заметный крестик для закрытия, стрелки влево-вправо и миниатюры. Все. Клиент нажал, полистал, закрыл и пошел дальше.
    Это важно, сейчас народ избалован, что-то не понравилось - проматерился и закрыл сайт.Прокручивать за самый край страницы не каждый догадается, а должен каждый интуитивно понимать.

    Также проверьте работу плагина на top-5 браузеров из GooglePlay. Бог с ними, с остальными, но топовые должны поддерживаться.
    В частности, в UC Browser изображение увеличивается, но не уменьшается. Хром, Яндекс и Опера вроде нормально. В стандартном браузере Asus на зуммируются первая и последняя фотка, но это к слову сказано, явно не приоритет, так как он не в топовых.

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

      admin

      admin

      Здравствуйте!

      Спасибо за возможные дополнения.
      Подумаю на Вашими вариантами.

    Александр

    Оплатил через Яндекс, жду ссылку.

      admin

      admin

      Спасибо за покупку, ссылку отправил.

    -vano-

    Плагин оплатил!
    Надеюсь всё станет без проблем 🙂

      admin

      admin

      Спасибо за покупку, плагин отправил.

    Юрий

    Если Flexible Virtuemart Zoom Effect начал конфликт с jquery, ваш вариант будет работать ???

      admin

      admin

      Здравствуйте!

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

    -vano-

    Обнаружился небольшой баг - при отключенном зуме в Firefox v.42.0 при нажатии на фото товара не открывается лайтбокс, а браузер переходит по ссылке типа - http://сайт/images/stories/virtuemart/product/фото.jpg, что есть не очень удобно, т.к. приходится возвращаться обратно на сайт...

    При нажатии на значок лупы (стрелок) всё ок.
    Chrome, opera, IE тоже всё ок

      Eyeofspy

      Тоже интересно как решить проблему в firefox

        admin

        admin

        В ближайшее время выпущу обновление с решением этой проблемы.

          -vano-

          Отлично, спасибо!

    admin

    admin

    Вышла новая версия плагина VmZoomer 1.2
    Всем покупателям была отправлена ссылка на скачивание новой версии.
    Если Вам по какой-то причине не пришла ссылка, то напишите на admin@virtuemart.su

    Александр

    Спасибо, плагин встал без проблем 🙂

      admin

      admin

      Прекрасно)

    Валерий

    Оплатили, ждём ссылку. Спасибо!

      admin

      admin

      Спасибо за покупку, ссылку отправил.

    Сергей

    Добрый день!

    Оплатил, ожидаю от вас ссылочку. Спасибо!

      admin

      admin

      Здравствуйте!

      Спасибо за покупку, ссылку отправил.

    admin

    admin

    Вышла новая версия плагина VmZoomer 1.3!
    Всем покупателям была отправлена ссылка на скачивание новой версии.
    Если Вам по какой-то причине не пришла ссылка, то напишите на admin@virtuemart.su

    Дина

    Оплатила - жду ссылку!:-)

      admin

      admin

      Спасибо за покупку, ссылку отправил.

    Дина

    Суперский зумер! Один вопрос: как сделать zoom-out? я все потыкала, единственное что помогает - это перелистнуть на следующую картинку. И еще у меня почему-то миниатюры вертикально не встают:( не смертельно, но хотелось бы посмотреть как будет вертикально выглядеть? а еще на смартфоне миниатюры такие забавные, вытянутые - может, это у меня там лишний padding где-то.

      admin

      admin

      На смартфонах для отключения zoom нужно просто еще раз нажать на картинку.
      Для вертикального просмотра миниатюр активируйте опцию Положение миниатюр во вкладке Параметры лайтбокса.
      В следующей версии плагина добавлю возможность выбирать количество миниатюр в карусели для разных устройств.
      В качестве временного решения добавьте в файл /plugins/system/vmzoomer/media/css/vmzoomer.css

        Дина

        Владимир, спасибо за ответ! Насчет вертикального вывода - это я ступила, все работает:)
        @media помогло.
        А вот насчет отключения zoom тут такая закавыка. На айфонах не срабатывает вообще. Причем на нескольких. Если нажимать еще раз на картинку или иконку зума - белое окошко вместо картинки. А зум вызывается не нажатием на иконку, а если провести по картинке пальцем. На самсунге все гораздо лучше, НО! при смене картинки (если их три, к примеру), следующая не реагирует на зум, или реагирует через раз, или странно реагирует. В общем, ведет себя нестандартно. Я проверяла в Firebug, конфликтов нет, только какому-то приложению не дали загрузить font-awesome.css, потому что не через https. Я не думаю, что это может нарушить работу плагинаБ тем более так выборочно на разных экранах. Это очень жалко, потому что именно для смартфонов зумер работает лучше всего (раньше у меня была карусель лайтбокс, причем новое окно "с увеличением" было по размеру меньше оригинала, нелепость). МОжет, для айфон есть какие-нибудь touch команды для css?

          admin

          admin

          Установите новую версию 1.4 (ссылку отправил на почту).
          В ней можно выбрать событие,по которому будет запускаться zoom.
          Выберите запуск при клике.

    Дина

    Ой и названия изображений пропали. Хотела посмотреть, как в старом шаблоне был прописан вывод названий, но не нашла:(

      admin

      admin

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

        Дина

        Я попробовала отключить плагин, чтобы сделать принтскрин как было раньше,но "как раньше" не вернулось:-) Появились подписи к картинкам - вот можно посмотреть, но это не совсем то, что было. Раньше при клике на изображение всплывало окно, а внизу было название товара (image title из VM). Сейчас лайтбокс не работает, но подписи все равно есть.

          admin

          admin

          В новой версии 1.4 добавлена опция для показа названия изображений (во вкладке Главное изображение).

    soundshot

    Деньгу оплатил, буду ждать плагин!

      admin

      admin

      Спасибо за покупку, ссылку отправил.

    admin

    admin

    Вышла новая версия плагина VmZoomer 1.4
    Всем покупателям была отправлена ссылка на скачивание новой версии.
    Если Вам по какой-то причине не пришла ссылка, то напишите на admin@virtuemart.su

    Дина

    Я не получила, и письмо отправила!:-)

      admin

      admin

      Продублировал ссылку на почту.

    Дина

    Огромное спасибо за обновление! Теперь зумер как игрушечка!

      admin

      admin

      Отлично.

    Vitaliy

    Не могу оплатить плагин. При попытке оплаты выдает сообщение:

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

    Vitaliy

    Получилось оплатить. Жду ссылку!

      admin

      admin

      Спасибо за покупку, ссылку отправил.

    Игорь

    Оплатил — жду ссылку!:-)

      admin

      admin

      Спасибо за покупку, ссылку отправил.

    Vitaliy

    Плагин установил и он работает. Но есть один момент. На странице родительского товара плагин работает как надо. Но если выбрать один из дочерних вариантов - то zoom перестает работать.

    Скрины:
    http://prntscr.com/auy7up
    http://prntscr.com/auy86h

    http://glam.floramax.com.ua/women/odezhda/platya/zalacranes-ball-cap-detail.html (сайт еще в разработке)

      admin

      admin

      В Virtuemart > Настройки > Шаблоны отключите опцию Use ajax for product content

    Vitaliy

    Отключение Use ajax for product content решает проблему плагина и дочерних товаров. Спасибо большое!

    Vitaliy

    Но к сожалению не появляется кнопка КУПИТЬ после выбора вариантов товара.

      admin

      admin

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

        Vitaliy

        С нетерпением буду ждать 🙂

    admin

    admin

    Вышла новая версия плагина VmZoomer 1.5!
    Всем покупателям была отправлена ссылка на скачивание новой версии.
    Если Вам по какой-то причине не пришла ссылка, то напишите на admin@virtuemart.su

    Александр

    Спасибо, поставил все работает! Очень доволен. Долго пытался отредактировать сам отображение картинок в карточке товара. Мучился с размером картинок. А тут решение всех проблем. Ставил на :
    VirtueMart 3.0.16
    Joomla! 2.5.28 Stable

      admin

      admin

      Спасибо за отзыв!

    Ярослав1

    Плагин работал замечательно, до вчерашнего вечера. Браузер начал выдавать ошибки:
    Notice: Undefined variable: VmzoomStyle in /home/u52037/f1000m.ru/www/plugins/system/vmzoomer/vmzoomer.php on line 71

    Notice: Undefined variable: LightBox in /home/u52037/f1000m.ru/www/plugins/system/vmzoomer/vmzoomer.php on line 161

    Notice: Undefined variable: VmzoomJs in /home/u52037/f1000m.ru/www/plugins/system/vmzoomer/vmzoomer.php on line 199

    Notice: Undefined variable: CarouselJs in /home/u52037/f1000m.ru/www/plugins/system/vmzoomer/vmzoomer.php on line 217

    Notice: Undefined variable: FrescoJS in /home/u52037/f1000m.ru/www/plugins/system/vmzoomer/vmzoomer.php on line 236
    Подскажите пожалуйста, в чем может быть дело? vmzoomer.php не трогал, т.к. работал до этого отлично

      admin

      admin

      Здравствуйте!

      Эта проблема решена в последней версии плагина. Если Вам не приходило письмо с обновлением, то напишите на admin@virtuemart.su

    Сергей

    Здравствуйте,
    Эта проблема решена в версии 1.5 ? "Плагин установил и он работает. Но есть один момент. На странице родительского товара плагин работает как надо. Но если выбрать один из дочерних вариантов - то zoom перестает работать."

      admin

      admin

      Здравствуйте!

      Все будет работать корректно если в Virtuemart > Настройки > Шаблоны отключить опцию Use ajax for product content

    Дмитрий

    Добрый день!

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

      admin

      admin

      Здравствуйте!

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

    Dina

    Добрый вечер!
    Пыталась сегодня опцию Показывать название изображений перенести из зума в лайтбокс. В зуме он по большому счету ни к чему, потому что Название продукта тут же рядом. А вот в лайтбоксе в самый раз, особенно если названия отличаются (подарочная упаковка, вид сбоку и тп). Я смогла только в файле vmzoomer/vmzoomer.xml перенести кнопку из закладки Главное изображение в закладку Параметры лайтбокса. А для лайтбокса там сплошная jQuery, и я ничего не смогла сделать, попыталась но лайтбокс перестал работать 🙂 ПОдскажите плиз как поменять код?
    Спасибо!

      admin

      admin

      В настройках плагина отключите показ описания. Для каждого изображения товара заполните поле Название изображения.
      В файле /plugins/system/vmzoomer/vmzoomer.php перед

      добавьте

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

      В следующей версии плагина включу этот функционал.

        Dina

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

          admin

          admin

          Спасибо)
          Рад, что проблема решилась.

    Evgik

    У меня шаблон Gavick InStyle. Кнопка "Добавить в корзину" отображается после выбора цвета и размера, соответственно страница товара перегружается. И zoom перестает работать. Используется плагин stockablecustomfields. Может быть в нем дело?

    Evgik

    Как-то можно сделать все-таки чтобы доп. изображения выводились в карточке товара? Может быть в другом месте, но в карточке, а не только в лайт-боксе?

      admin

      admin

      Скорее всего при выборе опций страница перезагружается аяксом. В Virtuemart > Настройки > Шаблоны отключите опцию Use ajax for product content

    asooka

    Здравствуйте, на демке понравился плагин, но все работает в карточке товара как я понимаю, а можно ли сделать так, чтоб еще и в категории товара работало ?

      admin

      admin

      Здравствуйте!
      К сожалению, нет, плагин работает только в карточке товара. Для категорий, возможно подойдет этот плагин.

    Сергей

    Добрый день.
    На сайте в поле (Alt текст изображения) прописан цвет товара, для каждой картинки свой, как его показать?

      admin

      admin

      Здравствуйте!

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

    Александр

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

    Максим

    Оплатил

      admin

      admin

      Спасибо за покупку, ссылку отправил.

      admin

      admin

      Спасибо за покупку, ссылку отправил на почту.

    Андрей

    Оплатил плагин, ссылочку отправьте.

      admin

      admin

      Спасибо за покупку, ссылку отправил.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*
Для вставки кода заключите его в теги [php] [/php]
*