- This topic has 10 replies, 5 voices, and was last updated 7 years, 4 months ago by
.
-
Posts
-
How do I remove the Slide effect / animation on the WooCommerce products. My customer just wants the image to be static and not slide from left to right. I guess thats the WooCommerce thumbnail, but I cant seem to find the toggle to turn off the slide effect/animation. Please let em know.
http://50.28.107.102/~oschoolc/wpconvertnew/
Hi,
I added a few the CSS to Custom CSS.
Please reload your site and check again.
Thanks.
My client also wants to remove this hover/slide effect on product preview. Can you please help me as well?
Hi, @tygrtech.
You can add these lines to Custom CSS or the style.css of Child Theme:
.woocommerce .product-thumb .product-thumb-primary img,
.single-product .product-thumb .product-thumb-primary img,
.woocommerce .product-thumb .product-thumb-one img,
.single-product .product-thumb .product-thumb-one img {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: trnslateX(0);
}
Thanks.
I have tried to insert the code in the previous post but the images still animate/slide. I have added It to additional CSS under Appearance in Customiser. I have published and refreshed.
Ok, you can try again with these lines:
.woocommerce .product-thumb .product-thumb-primary img,.single-product .product-thumb .product-thumb-primary img,.woocommerce .product-thumb .product-thumb-one img,.single-product .product-thumb .product-thumb-one img {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: trnslateX(0);
}
You must be logged in and have valid license to reply to this topic.
