Збільшення зображення товару для 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, який ви можете завантажити у вашому кабінеті та встановити на Ваш сайт. Після встановлення установника вам необхідно буде ввести ліцензійний ключ, який ви можете знайти у своєму кабінеті на нашому сайті. Ліцензійний ключ забезпечить доступ до оновлень та підтримки.
докладніше про встановлення

Вам стануть в нагоді