Блог

Как вывести дополнительное изображение при наведении на товар в WooCommerce

Чтобы вывести дополнительное изображение при наведении на товар в WooCommerce, можно воспользоваться плагином (WC Secondary Product Thumbnail), или написать свой код. Я воспользовался таким кодом:

Этот код нужно поставить в functions.php вашей темы.

Далее копируем файл /wp-content/plugins/woocommerce/templates/content-product.php в папку вашей темы / woocommerce / и редактируем.

Нужно добавить контейнер для фото товара. Как то так:

 Это делается для того, чтобы фото были в контейнере. Далее просто нужно добавить css для привильного отображения.

© Copyright 2014 -  vchuy-develop.com. All rights reserved