Transition / scale image effect needs removed on all collection pages

Store Design
, , , ,
1

Need help with Hover over image transition effect on collections all page I want to remove the mouse over / zoom transition effect as you hover over the product https://shorturl.ac/7b3fw and it shows the 2nd image it slightly zooms- this happens will all products with 2 or more images through out the website

please let me know how to remove this transition / scale off images

thanks

2

Hey @danfar

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag

Moeed_0-1690653310157.png
Moeed_0-1690653310157.png1692×926 96.3 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

There is still an effect when u move the mouse away - thanks for your help

4

Hi @danfar

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.card .media.media--hover-effect>img:only-child, .card-wrapper .media.media--hover-effect>img:only-child {
    transition: transform 1000s ease !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly