Hi,
Sorry this plugin not add effects to woocommerce images. For that you can check following plugin https://wordpress.org/plugins/image-hover-effects-for-woocommerce-products/
Hi Labib,
Thank you for the great plugin.
I am not sure how to use image hover effects for woocommerce products plugin
please find below video screening link where I try to configure hover effects for product categories but it isn’t working for my website
https://www.loom.com/share/c18abff66f0140f4b97a73bebe45bb1b
not sure whether I miss something during setup
could you please look
https://tajhalalmeats.com
Thanks
I found the below css code in the internet is what I’m looking for and am not sure how to add it to my product images (.size-woocommerce_thumbnail)
Could you please reassign the code as I find little difficult to fix it with my class name
Ref link:https://codepen.io/nxworld/pen/ZYNOBZ
style:Shine
.hover14 figure {
position: relative;
}
.hover14 figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: ”;
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.hover14 figure:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
