Увеличение изображения товара для JoomShopping 5+

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

Увеличение изображения товара для JoomShopping 5+ добавляет зум на чистом JavaScript без зависимости от jQuery. Автоматическое подключение требует сохранённой стандартной разметки изображения.

Детали товара крупнее прямо в карточке.

Боковая панель

Увеличенный фрагмент отображается рядом с основным изображением.

Лупа

Увеличение внутри самого изображения.

Сенсорное управление

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

Функциональные возможности

Два режима отображения:
- Side pane — увеличенное изображение отображается сбоку от основного.
- Inside the image (magnifier) — эффект увеличения прямо внутри изображения (лупа).
Мобильный режим активируется автоматически при ширине экрана менее 640px, при этом панель зума отображается над изображением для лучшей адаптивности.
Гибкая настройка масштаба: коэффициент увеличения задается вручную (например, 5 — пятикратное увеличение).
Опциональное отображение рамки области наведения (bounding box), помогает на больших экранах.
Поддержка зума на мобильных устройствах с сенсорным управлением.
Ручная инициализация зума: при необходимости вы можете применить эффект к любому изображению, добавив атрибут: data-nevigen-product-zoom="URL_полного_изображения"

Совместимость и требования

Поддержка JoomShopping 5.x и Joomla 4 / 5.
Не требует изменений шаблона при сохранении стандартной структуры JoomShopping. Для корректной работы плагина в шаблоне должен присутствовать элемент с id="main_image_(image_id)" — это контейнер основного изображения товара, к которому плагин автоматически подключается. Либо используйте ручную инициализацию, добавив атрибут к изображению middle.
Совместим с динамической сменой изображений (тумбы) — эффект обновляется без перезагрузки страницы.
Адаптивный режим и реализация на JavaScript без зависимости от jQuery.

Внимание: эффект применяется только к главному изображению товара. Изменение структуры шаблона (например, удаление или переименование контейнера изображения) может нарушить работу плагина.

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

Инструкция по установке:
После приобретения установка осуществляется через установщик Nevigen.com, который вы можете загрузить в вашем кабинете и установить на Ваш сайт. После установки установщика вам необходимо будет ввести лицензионный ключ, который вы также можете найти в своем кабинете на нашем сайте. Лицензионный ключ обеспечит доступ к обновлениям и поддержке.
подробнее про установку

Вам пригодятся