Обратная сторона товара WooCommerce Product Image Flipper

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

 

WooCommerce Product Image Flipper

 

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

 

WooCommerce Product Image Flipper

 

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

Обратите внимание ! Изображение с обратной стороной товара должно стоять первым в галереи изображений товара. Обновите товар.

 

фото обратная сторона товара при наведении

 

Всё готово ! Плагин не имеет настроек. Вам лишь нужно загрузить фото в галерею товара. В каталоге товаров, при наведении мыши на фото товара, будет отображаться фото с обратной стороной товара.

Обратите внимание ! Данный плагин использует CSS 3D-преобразование, чтобы показать или скрыть изображения и, следовательно, будет работать только в современных браузерах.

 

Оцените статью