WooCommerce Zoom увеличительное стекло

WooCommerce Zoom увеличительное стекло фото товара


 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как добавить в свой магазин увеличительное стекло ZOOM для просмотра изображений товара в увеличенном виде. При наведении курсора мыши на фото товара, изображение будет отображаться в увеличенном виде в отдельном окне. Вы также сможете добавить на свой сайт слайдер для изображений из галереи товара. Пользователь сможет просматривать изображения с помощью стрелок, прокручивая фото влево или вправо. Очень простой и полезный плагин !

 

WooCommerce Zoom увеличительное стекло


слайдер галереи товаров Woocommerce

 

Установить плагин YITH WooCommerce Zoom Magnifier вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

YITH WooCommerce Zoom Magnifier

 

Далее, после установки и активации плагина, перейдите на страницу: YITH Plugins. Здесь вы сможете настроить основные параметры плагина.

 

General Settings.

– Activate YITH WooCommerce Zoom Magnifier, здесь должна стоять галочка, чтобы плагин работал.

– Activate on mobile device, включить zoom и слайдер на мобильных устройствах.

– Forced Image Size, если отключить данный параметр, вы сможете настроить размер увеличенного изображения. Не рекомендуется.

 

Magnifier Settings.

– Zoom Box Width, ширина окна лупы для отображения увеличенного изображения.

– Zoom Box Height, высота окна лупы для отображения увеличенного изображения.

– Image size, здесь можно указать размеры изображения в окне лупы.

– Do you want to hard crop the image, поставьте здесь галочку, чтобы обрезать изображение.

– Zoom Box Position, позиция увеличительного окна. Справа или внутри.

– Zoom Box Position for mobile devices, позиция окна на мобильных устройствах.

– Loading label, ярлык загрузки.

– Lens Opacity, прозрачность окна.

– Blur, добавить эффект размытия к изображению при наведении.

 

Slider Settings.

– Activate Slider, включить слайдер для изображений в галереи товара.

– Activate Responsive Slider, включить адаптивный слайдер. Отключите данный параметр, если вы хотите настроить отображение изображений. Например, добавить отступы.

Items, сколько показывать изображений в галереи.

– Circular carousel, включить круговую карусель.

– Infinite carousel, включить бесконечную карусель.

Сохраните изменения, нажав внизу на кнопку – Save Changes.

 

Activate YITH WooCommerce Zoom Magnifier

 

Всё готово ! Теперь на странице товара, при наведении мыши на фото товара, будет отображаться увеличенное изображение ! И, в галереи товара можно будет просматривать фото с помощью слайдера !

 

 Классный слайдер-карусель для анонсов товаров !!!

 

Остались вопросы ? Напиши комментарий ! Удачи !

 






info-effect.ru
WooCommerce Zoom увеличительное стекло фото товара обновлено: Апрель 4, 2017 автором: Илья Журавлёв

Комментарии

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

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

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх