Product thumbnail has zoom effect

Entrada WP Theme
#1

Hi,

On the homepage I have 3 products. (from WooCommerce)
Website = http://dagvaartocht.nl/
Each product has a thumbnail
A title
some text
And a button.

My question is about the thumbnail. Because the mouse-over shows a zoom-effect but you can’t click to go to the product. Is it possible to remove the effect?
Or add an url-link to the image?

Thanks,

Nils

#2

Hello Nils,

You can remove the zoom in effect for those by going to appearance >> customize >> custom css box and adding the below CSS there:

.article.has-hover-s1 .img-wrap img {
transform: none !important;
-webkit-transform: none !important;
}

Since the link to the tour detail page is available through both the Title and the Button, we didn’t add link to image, as it looked good decision to leave the image with zoom property where as title and button to link to product itself.

Having said that, we will be considering this in future theme update and if feasible, we will be looking to add this option as well.

Thank you

#3

Thank you!
The CSS works, and I like how it works!

I wuld love to have a link in the image, but that is just my opinion!

Thanks again,

Bye,

Nils