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

WooCommerce

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

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

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

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

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

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

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

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

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

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

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

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

Оцените статью
Добавить комментарий