Woocommerce Shop Hover Effects Супер эффекты анимация CSS3 плагин

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете о Супер плагине, который добавит в ваш интернет-магазин Woocommerce — анимацию CSS3. Вы сможете добавить эффекты анимации для анонсов товаров на странице «Магазин». При загрузке страницы магазина, анонсы товаров будут загружаться с определённым эффектом. Можно добавить анимацию при наведении курсора мыши на анонс товара. Можно добавлять анимацию к каждому элементу анонса по отдельности, к изображению, цене, кнопки. Большой выбор эффектов анимации CSS3. Простой и классный плагин !

 

 

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

 

Shop Hover Effects

 

Далее, после установки и активации плагина, перейдите на страницу: Woocommerce — Hover Effects. Здесь вы сможете выбрать эффекты анимации для анонсов товаров и для отдельных элементов анонсов.

 

Shop Items Hover Effects

 

Store on Load Animations.

— Animation Style, здесь можно выбрать эффект анимации для загрузки анонсов товаров.

— Animation Duration (ms), здесь можно установить время продолжительности анимации в миллисекундах.

— Animation Delay (ms), время задержки перед анимацией в миллисекундах.

 

Shop Items Hover Effects.

— Title, можно выбрать эффект для заголовка товара при наведении на анонс товара.

— Price, можно выбрать эффект для цены товара при наведении на анонс товара.

— Thumbnail, можно выбрать эффект для изображения товара при наведении на анонс товара.

— Sale Badge, можно выбрать эффект для надписи «Распродажа» товара при наведении на анонс товара.

— Add to Cart Button, выбрать эффект для кнопки «Добавить в корзину» товара при наведении на анонс товара.

Save Settings, сохраните сделанные изменения.

 

Всё готово ! После сохранения настроек, анонсы товаров на странице «Магазин», будут отображаться с эффектом анимации.

 

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