Hovering, add to cart

Hello, good day.
1. How to remove the animation when we hover over a product image? The image is zoomed in https://prnt.sc/-AtrulI5-9vK I want to just change image without zooming when hover.

2. How to remove add to select option/cart button on the product archive? from home, shop and similar product columns https://prnt.sc/Nidy8Y4ZdUEk? Please make sure I don’t want to remove this from the single product page and don’t want to enable the catelog mode.

body.post-type-archive-product .wd-action-btn {
display: none;
}
I tried this code but didn’t work for me.

Thank you.

Hello,

You can disable hover on image in the Theme Settigns > Single product > Images. You will find the option to disalbe zoon. You can set “no effect”.

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-type-variable .wd-add-btn>a {
 display:none;
}
body .woocommerce-variation-add-to-cart .woocommerce-variation-add-to-cart>* {
   display:none;
}

If the code does not work, please provide the site URL.

Best Regards

Hello, thanks for your reply.
1. You send me the process of removing effect on single product page, but Im asking for the product archive zooming https://prnt.sc/RCUEdNMTTkl5

2. I put this code, but this code worked only for variation product like “select item” button get removed but simple products add to cart button still there on the product archive. Please send me code for simple product archive button too

Hello,

Please replace the code with this one:

1,

.product-grid-item .product-element-top:hover .hover-img {
	transform: scale(1);
}

2.

.wd-hover-quick .wd-add-btn {
	display: none;
}

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts