Re: Product thumbnails not loading on desktop theme. Work fine on Mobile

Solved

Product thumbnails not loading on desktop theme. Work fine on Mobile

Kevin_Benham
Tourist
5 0 0

I recently noticed that the product thumbnails on my desktop version of my shopify theme are not loading. The theme is a modified version of one I bought well over a year ago and has been working fine ever since. The thumbnails load as expected on the mobile version of the theme so its perplexing why they are not loading on the desktop. I tested it on Google Chrome and Microsoft Edge and they are not loading on either so doesn't seem to be a browser issue. The only thing I can think of is shopify changed something recently and its causing the issue. I would appreciate any assistance. The url is https://www.kravinglass.com

Thanks

Accepted Solution (1)
Prabhat
Shopify Partner
84 8 29

This is an accepted solution.

I m also not quite sure about the library.
But to have a quick fix as this issue is on live.

Just override the css where the opacity is 1 

Hence you need to do something like is css

 

.doimgfade .productlist .product .imgcont img, .rg-image img {
    opacity: 1 !important;
}

 

 Again this is temporary fix and would suggest to get a dev and fix that js issue as its something related to UpdateCart functionality.

Solution Expert
- Did I solved your issue? Like & Mark As Solution to help the community.

Checkout Rules and Content - Checkout Pro

View solution in original post

Replies 4 (4)

Prabhat
Shopify Partner
84 8 29

You Might have to connect with a dev it seems like your theme have some Javascript error. 
Seems like some function not working or has been removed. Could be a js library that has been used and now is not accessible. 

Solution Expert
- Did I solved your issue? Like & Mark As Solution to help the community.

Checkout Rules and Content - Checkout Pro
Kevin_Benham
Tourist
5 0 0

Can you tell which library it is? I might be able to figure it out if so. I have some front-end experience so I might be able to fix it.

Prabhat
Shopify Partner
84 8 29

This is an accepted solution.

I m also not quite sure about the library.
But to have a quick fix as this issue is on live.

Just override the css where the opacity is 1 

Hence you need to do something like is css

 

.doimgfade .productlist .product .imgcont img, .rg-image img {
    opacity: 1 !important;
}

 

 Again this is temporary fix and would suggest to get a dev and fix that js issue as its something related to UpdateCart functionality.

Solution Expert
- Did I solved your issue? Like & Mark As Solution to help the community.

Checkout Rules and Content - Checkout Pro
Kevin_Benham
Tourist
5 0 0

That did help but clearly more work needs to be done. I will probably develop a new theme. Thanks for your help.