Hi all,

I want to create a hover effect on the featured images of my woocommerce products. However, all the products I’ve tried, including this one all focus on the woocommerce store page. I tried to use this but with the sidebar and the limited customizing, i opted to make my own “shop” page and just use the woocommerce product shortcode to add my products there. It looks great–but if I try to add a hover effect it doesn’t apply to my “shop” page–just the store page for woocommerce.

I can’t code it directly as I’m just using the product shortcode and I tried using custom css on the customize page, but that didn’t work for me either. Any help would be fantastic.

Currently the page I’m trying to add the effect on is: Haunting.net/shop

Let me know if you need anything else to answer this question. Thanks!

Follow below steps to apply beautiful hover effect on woo-commerce products images:-
Step 1: First create Woo Commerce products with the product image.
Step 2: Go to Plugin Settings page of the plugin.
Step 3: Move to ‘Image Hover Effect Settings For WooCommerce Products’ section.
Step 4: From ‘Change effects’ you can change the effects here and more effects are given in Effects Gallery page. You can select one of them.
Step 5: When you click on ‘Customise This Effects’ a Popup will be displayed. Here you can change the effects color, text color etc.
Step 6: Save it.
Step 7: Please check our guide tutorial https://www.youtube.com/watch?list=PLlCp-8jiD3p2L9CvY7xMa1rqcQCD3lV6U&v=TSDNaX1D4mw

I hope it helps you. If you still face any issue after this please send us your wp admin details at support@flippercode.com so we can inspect it at your end and resolve it.

Please login or Register to Submit Answer