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

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

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

 

WooCommerce Product Image Flipper

 

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

 

WooCommerce Product Image Flipper

 

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

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

 

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

 

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

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

 

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

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Александр

    Здравствуйте. Не могу найти плагин который бы накладывал одно изображение (PNG) на другое во время загрузки страницы с товаром. Например товар футболка с принтом льва. Товар будет называться “Футболка Лев” При открытии страницы с товаром появляется белая футболка с наложенным на неё изображением. При выборе цвета футболки Лев остается на месте, меняется только цвет футболки. Видел пару сайтов где это реализовано, но не могу догнать как….

    Ответить
    1. Admin автор

      Здравствуйте. Могу порекомендовать плагины:

      – Woocommerce Product Designer;
      – T-Shirt Designer;
      – WP-Spreadplugin;
      – WooCommerce Products Masonry Grid;
      – streetshirts for WooCommerce.

      Ответить