Увеличение фотографии с помощью функции "Лупа"

В статье рассмотрим как работает лупа - увеличение фотографии товара.

Функционал "лупа" задается автоматически в коде сайта. И напрямую зависит от ранее загруженной исходной фотографии.

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

На рис.1 фотография товара в обычном режиме.

Рисунок 1.

На рисунке 2 и 3 фотография товара с применением лупы при разных положениях курсора мыши.

Рисунок 2.

Рисунок 3.

Изменить размер области увеличения можно, для этого необходимо перейти в панель администрирования "Мои сайты - Редактировать - Параметры", вкладка "Категория товаров", раздел "Размер изображения" и изменить размеры большой фотографии товара, далее пережать фотографии (рис.4).
Но всё зависит от размера исходных фотографий, если исходная фотография не большая, то до заданных параметров фотография не растянется. 

Рисунок 4.

Заметка

Если изменили размер большой фотографии, то новые загруженные фотографии будут отображаться по новым размерам, а старые изображения, загруженные ранее останутся прежние. Чтобы этого не произошло и все фотографии отображались одинаково, после изменения размеров изображений необходимо пережать фотографии.  Для этого перейдите в "Мои сайты - Редактировать - Параметры", вкладка "Категория товаров", раздел "Размер изображения" и нажмите "Пережать фотографии товаров" после изменения параметров фотографии (рис.4).

Заметка

В мобильной версии лупа не предусмотрена.

Если необходимо отключить функцию увеличения, перейдите в пункт меню Мои сайты - Редактировать - Параметры", вкладка "Карточка товаров", раздел "Фотографии товаров", в поле "Увеличивать фотографию при наведении курсора" снимите галочку (рис.5).

Рисунок 5.

Готово, мы рассмотрели как работает увеличение фотографии товаров с функцией "лупа".