PRODUCT IMAGES ARE GLITCHY TO LOAD (TECHNICAL ISSUE)

Store Design
, , , , , ,
1

Hi there,

My store is performing very weird when browsing through products and selecting. The images are sometimes not loading and requires a refresh, even browsing between photos on the same listing on mobile is sometimes bugging the screen out.

See my store here: https://www.editionmontreal.com/collections/women/%22women%22

See loom example here: https://www.loom.com/share/4835f3ccaf394cf892da812c7e9579ce

What is causing this and how do I fix this loading issue ASAP?!

thank you so much.

2

Hey @flaminmoe ,

The issue with images not loading or glitching on mobile is likely due to improper JavaScript initialization (like Flickity), lazy loading conflicts, or theme/app bugs. I recommend checking your theme’s JS console for errors, ensuring images are properly optimized, and reviewing any recent app changes.

If you’d like me to implement and fix this for you, feel free to reach out!

Thanks

Rajat

Shopify Expert

3

It looks like the theme code was modified and some of these modifications are the reason.

I would try doing this – open your assets/theme.css, scroll to the bottom and find this:

.product-gallery__media img {
  width: auto;
  height: auto;
  object-fit: contain;
  max-width: 100%;
}

comment width and height lines, like this:

.product-gallery__media img {
  /*width: auto;
  height: auto; */
  object-fit: contain;
  max-width: 100%;
}

This should help.

On the other hand – I’d search forum for the “unlicensed theme DMCA” to avoid unpleasant surprises.