Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина 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.
Всё готово ! Теперь на странице товара, при наведении мыши на фото товара, будет отображаться увеличенное изображение ! И, в галереи товара можно будет просматривать фото с помощью слайдера !
Классный слайдер-карусель для анонсов товаров !!!
Остались вопросы ? Напиши комментарий ! Удачи !