Эта надстройка пользуется большой популярностью, так как позволяет рассмотреть товар детально, не открывая при этом изображение на весь экран. Пример использования Вы можете наблюдать ниже.
Механизм работы данной надстройки следующий:
Есть 2 изображения – большое и маленькое (превью).
При наведении на маленькое изображение в блоке отображается соответствующая часть большого изображения. Поэтому для лучшей детализации важно, чтобы большое изображение было минимум в 2-3 раза больше превью. В нашем примере размер превью-изображения: 300px на 225px, большого - 2048px на 1536px (соотношение: 1 к 6,8)
Иногда возникают ситуации, когда превью-картинка и большое изображение отличаются по содержанию. Другими словами, их нельзя использовать для настройки лупы.
В таком случае мы можем уменьшить большую картинку, задав принудительно ей другие размеры.
Но не будут работать некоторые настройки самой лупы, в частности, темная подсветка картинки при наведении.
При заказе услуги в поле «комментарий» желательно указать предпочтительные настройки:
ширина и цвет самой линзы
подсветка (да-нет, цвет) товара при наведении (как на примере). Внимание! Не работает, если приходиться работать только с большим изображением.
блок предосмотра (размер, положение, тень, рамка)
рамка у самой картинки
отображение заголовка товара в блоке предосмотра
В этом блоке будет отображаться увеличенное изображение товара