Remove zoom & fade animation from collection list images

Remove zoom & fade animation from collection list images

Caroline83
New Member
8 0 0

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

 

 

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
8548 1686 1693

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 <head>

 

<style>
.index-collectionlist .index-features-item:hover figure div { transform: scale(1) !important; }
<style>
  • Save file.
  • Reload your page to check

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Caroline83
New Member
8 0 0

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

Dan-From-Ryviu
Shopify Partner
8548 1686 1693

Could you share your store URL to check?

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Caroline83
New Member
8 0 0
Caroline83
New Member
8 0 0

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