Hi all! I’d like to remove the fade and zoom animation on my collection images - the animation appears when I use a collection list and when you hover the mouse over the collection image. I’m using the Capital Theme. Many thanks for your help! Caroline

Hi @Caroline83 You can do that by following this: Open Online Store > Themes Click “…” > Edit code in Capital theme Open theme.liquid file, add this code after - Save file. - Reload your page to check

Thanks Dan! This has removed the zoom, which is great. However, the image still fades when I hover the mouse over it. How could I remove this fade effect please? Thanks again and have a fab day! Caroline

Hi Dan! I had to remove the code you suggested since it stopped my website from working properly - links to collections disappeared, preview thumbnails didn’t change when selecting product variants, image with text elements disappeared, and more. But thank you for trying. Caroline

Remove zoom & fade animation from collection list images

Shopify Discussion

Dan-From-Ryviu June 5, 2024, 10:00am 4

Could you share your store URL to check?

Topic		Replies	Views
Remove fadein animation from collections page (mobile) Store Design design , customizations , collection-page , shopify-themes	5	46	June 5, 2023
remove the zoom effect when I hover my mouse over a product or collection Store Design menu , design , collection-page , landing-page , shopify-themes	4	77	September 22, 2024
How to remove image zoom on hover - Dawn theme Store Design collection-page	2	70	January 18, 2024
How to remove on-hover zoom effect from collection cards? Store Design design , customizations , css , shopify-themes	4	81	November 23, 2023
Highlight theme - Wanting to remove slight animation on hover in Collections Store Design design , css , troubleshooting	2	477	November 1, 2022

Remove zoom & fade animation from collection list images

Related topics