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

 

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

 

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

 

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

 





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

Комментарии

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

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



Яндекс.Метрика

Правила - Карта - Связь - Мой хостинг

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