Remove zoom & fade animation from collection list images

Shopify Discussion

Topic summary

Goal: disable hover zoom and fade effects on collection list images in the Capital theme.

  • Initial attempt: A code change was suggested by editing theme.liquid (adding code after the tag). The exact snippet isn’t shown in the thread.

  • Outcome: The change removed the zoom effect but the fade on hover remained.

  • Follow‑up: The helper requested the store URL for review; the merchant provided https://studioparga.com/.

  • Regression: The merchant reports the code caused broader issues (collection links disappeared, variant preview thumbnails stopped updating, image-with-text sections vanished), so the change was reverted.

Status: No stable solution yet; fade effect persists. Troubleshooting is ongoing and awaits a safer method to remove the fade without breaking site functionality.

Summarized with AI on December 27. AI used: gpt-5.
1

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

2

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
3

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

4

Could you share your store URL to check?

5

https://studioparga.com/

6

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