Minimal theme: remove grey overlay from the collection's imapge

Solved
Highlighted
Excursionist
21 0 5

Hi friends,

I use Minial theme and follow the intoduction :Collection - Add a hover effect to product images on your collection pages, and get hover effect successfully .

But then I found all images in "collection" page became fade and hardly invisible!!!

I think the reason is that there should be too much grey overlay on the images.

So could you help my this problem?

Please refer to my collection page : colletion/earring 

Thanks!

1 Like
Highlighted
Shopify Partner
7704 1058 2679

This is an accepted solution.

Hello, @smilemerry007 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file

 

.grid-link__image--loading {
    background-color: transparent;
    -webkit-animation: none;
    animation: none;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
21 0 5

Many thanks to you @KetanKumar  !

It works very well! 

 

0 Likes
Highlighted
New Member
3 0 0

I am having the same issue.  The images are crystal clear on my home page and on the specific product page.  However, the thumbnails on the collections pages appear clear at first and then blurry when they are loaded.  I tried the fix mentioned here with no success.  Here are some links that demonstrate what I am referring to:

https://homebarsolutions.com/

https://homebarsolutions.com/collections/featured-items

https://homebarsolutions.com/products/angelia-farmhouse-serve-in-rustic-natural-tone

 

Thank you

Patti

0 Likes
Highlighted
Shopify Partner
7704 1058 2679

@Cheers2020 

Welcome to the Shopify community!
and Thanks for your Good question.

i have to check this, sorry but i can't see any issue if possible to provide further issue screenshot.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
3 0 0
This is the picture quality that appears on home and product page
[image: image.png]
This is the picture that shows on the collections page. I have resized
these photos to the same size (2048 x 2048)
[image: image.png]
0 Likes
Highlighted
Shopify Partner
7704 1058 2679

Hello, @Cheers2020 

Thanks for update 

sorry but i can't any attachment.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
3 0 0
Document with 3 images attached here
0 Likes
Highlighted
Shopify Partner
7704 1058 2679

@Cheers2020 

sorry again i can't see please share below 

if you have any queries and issues please feel free to contact me here.
Email: bamaniyaketan.sky@gmail.com
Skype: bamaniya.sky

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes