Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как добавить в свой магазин увеличительное стекло ZOOM для просмотра изображений товара в увеличенном виде. При наведении курсора мыши на фото товара, изображение будет отображаться в увеличенном виде в отдельном окне. Вы также сможете добавить на свой сайт слайдер для изображений из галереи товара. Пользователь сможет просматривать изображения с помощью стрелок, прокручивая фото влево или вправо. Очень простой и полезный плагин !
Установить плагин YITH WooCommerce Zoom Magnifier вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: 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.
Всё готово ! Теперь на странице товара, при наведении мыши на фото товара, будет отображаться увеличенное изображение ! И, в галереи товара можно будет просматривать фото с помощью слайдера !
Классный слайдер-карусель для анонсов товаров !!!
