Product Page view Error!!!

[tupakora]

Hey There! I am having issues with Product page pictures viewing. The thing is that I want to show product images on the product page as grid view on desktop, so I select grid view in theme settings but the thing is that this is causing a short error of approx 5 seconds on mobie view. After enabling grid view, when I try to open a product page on mobile it shows grid view for the first 5 seconds and automatically changes to list view and sometimes changes upon scrolling the page. Why is that? Please if someone could help me out!! I want Grid view on desktop and list view on mobile. By list view I mean swipe left to view next image! Thanks!

URL: https://rv0z32-pa.myshopify.com/

Pass: door

Following is the error which happens for the first 2-5 seconds

Below is how it fixs automatically

[mageplaza-cs]

Hi @tupakora

I am from Mageplaza - Shopify solution expert.

For this issue, you should find the product-media-gallery.liquid file, where the product media is located.

Then, add a condition to check the current device width using window.innerWidth.

• If the current width matches a mobile device, the media gallery will render in a list format.
• If the current width matches a desktop device, the media gallery will render in a grid format.

Please let me know if it works as expected!

Best regards

[DaisyVo]

Hi @tupakora

May I ask for the name of the Theme you are using?

Also, I tested in my phone and the image didn’t even load. Could you please check that as well?

Best,

Daisy