woocommerce product

Woocommerce Product Thumbnail показ другого фото товара при наведении

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

 Установить плагин WC Secondary Product Thumbnail вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин woocommerce

 

 Далее, после установки и активации плагина, перейдите на страницу редактирования товара. Справа в виджете «Галерея товара», поставьте на первое место фото, которое будет отображаться при наведении на основное фото товара. Если у вас в галереи много фото, то просто перетащите фото с помощью мыши на первое место и обновите товар.

 

галерея товара

 

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

 

фото товара основное

 

 Фото автоматически сменяется при наведении курсора мыши. Например, можно добавить фото с обратной стороной товара, либо в увеличенном или уменьшенном виде. Можно сначала показать просто товар, а потом товар одетый на человеке, футболка или платье и т.д.

 

фото товара при наведении

 

 Важный момент, добавляйте фото одинакового размера, иначе фото будет либо выходить за рамки основного фото, либо отображаться внутри основного фото.

 Всё готово ! Плагин не имеет настроек, просто добавьте дополнительные фото и всё. Удачи вам !

 

Woocommerce Product Thumbnail показ другого фото товара при наведении обновлено: Июль 23, 2016 автором: Илья Журавлёв
 
 

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


7 + 2 =



super-infa-top
Стрелка вверх