Увеличительное стекло Woocommerce ZOOM для изображений товаров

Продолжаем разбирать самые полезные и интересные плагины для интернет-магазина woocommerce. Сегодня вы узнаете как добавить в свой онлайн магазин увеличительное стекло ZOOM. Функция удобна тем, что можно просматривать изображения товаров в увеличенном размере, чтобы лучше разглядеть детали одежды или любого другого товара. Чтобы увеличить изображение товара, просто наведите курсор мыши на изображение и сразу же изображение отобразится в увеличенном виде в отдельном окне.

 

Woocommerce ZOOM

 

Установить плагин — WOOZOOm Zooms On Details Focuses on Sales вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин woocommerce

 

Далее, после установки и активации плагина, перейдите на страницу: WoocommerceWooZoom. Здесь вы сможете настроить плагин, хотя по умолчанию плагин уже будет работать.

 

— Activate WOOZOOm, здесь должна стоять галочка, чтобы плагин был включен.

— Main Image Size, здесь можно указать размеры для главного изображения товара, но не обязательно. Width — ширина, Height — высота.

— Thumbnail Image Size, здесь можно указать размеры для изображений миниатюр товаров, не обязательно.

— Zoom Box Type, здесь можно выбрать тип увеличительного стекла. Window — отдельное окно, Inner — увеличение на изображении, Lens — линза, объектив.

— Zoom Box Size, если у вас выбрано увеличительное стекло по умолчанию Window, то вы можете указать для него размеры.

— Mouse Scroll Zoom, прикольная функция, можно будет увеличивать изображение с помощью колеса мыши.

— Easing, функция ослабления эффекта изображений, оставьте по умолчанию.

 

настройки woozoom

 

После настройки параметров, сохраните сделанные изменения. Всё готово !

 

Увеличительное стекло Woocommerce ZOOM для изображений товаров обновлено: Июнь 10, 2016 автором: Илья Журавлёв
 
 

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


2 + 6 =



super-infa-top
Стрелка вверх