I was able to disable the ‘show second image on hover’ but there is still a slight zoom effect when you hover over the images in the featured collection section on the homepage as well as on the product grids on the collection pages. Haven’t been able to find the code where I can disable this. Would appreciate any help here! Thank you!
Search (ctrl/cmd+f) transform: scale in the component-card.css asset. This will highlight the three lines you need to change.
Two transform: scale(1.03); and one transform: scale(1.05);
Change all of them to transform: none; or transform: scale(1);
I just implemented the above and it works on the product page and some of the products in the “featured collection” on the homepage but not all of them. Any ideas on how to apply it across all of them?