VM Swipe - сенсорный слайдер изображений virtuemart, который позволит пользователям мобильных устройств использовать привычные жесты для листания, увеличения и закрытия лайтбокса с изображением.
Основные возможности
- поддержка жестов для смены главного изображения
- lazy load для полных версий изображений
- поддержка жестов для галереи с миниатюрами
- настройка адаптивности галереи с миниатюрами
- просмотр полного изображения в лайтбоксе
- поддержка жестов (листание, увеличение, закрытие) для изображений в лайтбоксе
Установка
Плагин устанавливается стандартно через Менеджер расширений. После установки в Менеджере плагинов нужно активировать плагин VM Swipe.
Кроме этого, нужно скопировать файлы default_images.php и default_images_additional.php из архива с плагином в папку /templates/имя_шаблона/html/com_virtuemart/productdetails/. Если такой папки нет, то ее нужно создать.
Настройка
Настройки плагина разделены на 3 раздела.
Главное изображение
Высота - высота блока с главным изображением товара.
Навигация - показ стрелок навигации для главного изображения.
Зациклить - зацикливание галереи.
Дополнительные изображения
Высота - высота блока с дополнительными изображениями.
Навигация - показ стрелок навигации для дополнительных изображений.
Адаптивность - количество миниатюр для показа в зависимости от ширины экрана.
Лайтбокс
Включить - показ лайтбокса при клике на картинку.
Зациклить - зацикливание галереи.
Zoom - разрешить увеличивать картинку в лайтбоксе.
Информация о плагине
Версия: 1.2
Последнее обновление: 9.12.2019
Дата создания: 22.11.2018
Совместимость с Joomla: 3.0.x - 3.9.x
Совместимость с Virtuemart: 3.0.x - 3.6.x
Обновления
9.12.2019 - версия 1.2
- исправлена ошибка при отсутствии изображений у товаров
23.01.2019 - версия 1.1
- исправлена ошибка при показе одного изображения
DaN
Спасибо, во время очень нужная вещь.
Как она становиться вместо уже рабочего VmZoomer?
admin
Здравствуйте!
Нужно отключить VM Zoomer, поставить VM Swipe и заменить 2 файла, как указано в инструкции.
n73vi
С работой VM Color Select проблем не возникнет?
admin
Для совместной работы с VM Color Select плагин пока не подходит. Лучше использовать VM Zoomer.
n73vi
В VM Zoomer нельзя растягивать изображения, а так плагин хороший и всем меня устраивает.
admin
VM Zoomer больше ориентирован на пользователей декстопов, а VM Swipe на мобильных клиентов.
admin
Появилась версия, совместимая с VM Color Select.
DaN
Спасибо, отличный плагин, четко влился в основной дизайн.
ShikuS
Добрый вечер!
Подскажите, а можно как то использовать совместо Swipe и Zoomer, свайп в мобильном виде а зумер на десктопах? т.к. у свайпа свои плюсы для смартфонов - это пролистывание, а вот зум очень хорош для десктопа.
Спасибо
admin
Здравствуйте!
Совместно, к сожалению, использовать не получится. Можно использовать только один из плагинов.
ShikuS
в продолжение...
в VMZoomer есть опция вкл/откл на мобильных устройствах, а в Свайпе можно отключить для Не мобильных устройств?
))
admin
Нет, отключить нельзя.
n73vi
Было бы не плохо если бы выпустили плагин, который будет совмещать в себе zoomer и swape. Не планируется в будущем сделать такой плагин?
admin
Нет, такой плагин не планировал.
PSM1
Добрый день!
Подскажите, не совсем понял, можно ли его использовать для категорий или только в карточке товара.
Спасибо!
admin
Здравствуйте!
Плагин работает только в карточке товара.
Для слайдера в категории нужно использовать плагин VM AirSlider.
admin
Вышла новая версия плагина VM Swipe 1.1
Всем покупателям была отправлена ссылка на скачивание новой версии.
Если Вам по какой-то причине не пришла ссылка, то напишите на admin@virtuemart.su
Anatoliy_Spb
Спасибо за отличную работу, плагин на Joomla! 3.8.8 + VirtueMart 3.2.14 встал без проблем. Вопрос по функционалу, в дополнительных изображениях должны ли отображаться кнопки навигации?
admin
Здравствуйте!
В дополнительных картинках нет стрелок, они автоматически листаются при прокрутке картинок главного изображения.
Anatoliy_Spb
Хорошо если бы такая возможность была. На сайте стоит адаптивный шаблон, у товара 8 фотографий, в десктопной версии отображаются все 8 миниатюр, а в мобильной число миниатюр сокращается до 5, было бы хорошо намекнуть посетителю что фотографий больше.
admin
Чтобы показать стрелки в дополнительных изображениях в настройках плагина во вкладке Дополнительные изображения активируйте опцию Навигация.
Чтобы навигация была видна и на планшетах в конец файла /plugins/system/vmswipe/assets/vmswipe.css добавьте
Anatoliy_Spb
Теперь всё совсем хорошо! Благодарю!
admin
Хорошо.
Anatoliy_Spb
Новый вопрос назрел, а куда прикручивать микроразметку для картинок в default_images.php шаблон то переопределён.
Пытаюсь сделать на основе этой статьи. https://virtuemart.su/semanticheskaya-mikrorazmetka-tovarov-virtuemart/
admin
Для картинки нужно в шаблоне карточки товара прописать
Anatoliy_Spb
А почему ALT картинки пустой? В карточке товара заполнен, в слайдере не выводится. Поисковики присваивают в "выдаче" товару любую произвольную картинку но не ту что надо.
ps Микроразметка есть, в валидаторе показывает нормально.
admin
При заполнении поля Alt текст изображения атрибут должен добавляться в картинке.
Если у Вас не работает, то пришлите доступ к админке и ftp на admin@virtuemart.su, разберемся.
Anatoliy_Spb
У Вас в Демо тоже ALTов нет.
admin
На демо alt не были добавлены в настройках.
В файле default_images.php замените
на
Это должно помочь.
Anatoliy_Spb
Спасибо.
Пришлось еще немного самому допилить.
Вывод Alt и Title картинки когда картинок более 1, и вывод Alt и Title картинки когда картинка одна.
admin
Рад, что проблема решилась.
woodooley
Добрый день!
Оплатил слайдер, а ссылку пока не получил.
admin
Здравствуйте!
Спасибо за покупку, ссылку отправил.
woodooley
Получил! Спасибо!
sportmag52-shop
Оплатил модуль, очень жду)
admin
Здравствуйте, спасибо за покупку, ссылку отправил.
Надя
Жду модуль
admin
Спасибо за покупку, ссылку отправил.
Nadia
Добрый день, нужна помощь по слайдеру. Вопрос загрузки картинок. На мобильных грузит но очень долго. На стационарных совсем не загружается. Может подскажете с чем может быть связано.https://bahurnitsa.com/nove.html
admin
Здравствуйте!
У Вас слишком большое разрешение у картинок и как следствие большой вес.
Попробуйте уменьшить размер изображений.
Nadia
Это было первое о чем подумала. Пробовала делать материалы с картинками маленького размера, результата не дало. Вот пример, 3 картинки 500*500px https://www.bahurnitsa.com/nove/ka-detail.html
Еще момент, если окно браузера убрать с полноэкранного режима, поменять как-либо размер, картинки сразу загружаются.
На телефонах загружается, но немного подтупливает. Впечатление, что слайдер хорошо срабатывает только "адаптивно".
DaN
Похоже что у Вас проблема с созданием миниатюр товара, через админку в настройках Virtuemart -> Шаблоны -> Настройка файлов
Должны стоять галочки Открывать дополнительные изображения в области основного изображения и Включить динамическое изменение размера эскизов
и по умолчанию 250 * 250
Nadia
Это все пробовала. Не помогло. Штука в том, что картинки моментально загружаются. Но только при изменении размера окна браузера. Если просто перейти на страницу материала то на ПК совсем не загружает а на телефонах подтупливает. На телефонах похажая ситуация, если прокрутить экран, тоже моментально загрузит.
Я так понимаю, что сам слайдер работает, вопрос отображения на разных устройствах (типах экранов).
DaN
Посмотрите, Исправьте ошибки Инструментом разработчика
к примеру он ругается на картинку не может найти
GET https://www.bahurnitsa.com/images/stories/virtuemart/product/resized/3kapsula6_500%20x500.jpg 500
DaN
А если попробовать переключиться на Стандартный шаблон Остается проблемка, Шаблоны Вина с неизвестных источников несут много ошибок и головных болей в последующем.
Nadia
Фото исправила. No errors. No warnings. Ничего не изменило.
Если переключаться на стандартный шаблон, нужно полностью сайт переделывать. Легче модуль слайдера новый найти
admin
Вы попробовали решение из этого коммента?
admin
Есть вероятность, что проблема возникает из-за ленивой загрузки картинок в слайдере.
Попробуйте в файле /templates/имя_шаблона/html/com_virtuemart/productdetails/default_images.php удалить
и заменить
на
Если проблема останется, то пришлите доступ к админке и ftp на admin@virtuemart.su, решим вопрос.
admin
Проблема решилась добавлением стилей
Nadia
Спасибо большое за оперативность и помощь. Поддержка на уровне. Буду рекомендовать.
admin
Рад, что проблема решилась.