FROM CACHE - en_header

Product Page Images Not Appearing on Mobile Devices

Brandy21
Tourist
5 0 3

WIthin the last 24 hours the images on our product pages are not appearing on mobile voa Safari and DuckDuckGo (desktop seems fine).  I can get them to load if I refresh each product page after about 60 seconds.  Instead there is about long white space that needs to be scrolled past to get to the product details.  

I am using the Turbo Theme.  

Image below.  Any suggestions would be appreciated!!!!

 

Mobile viewMobile view

Replies 18 (18)
KetanKumar
Shopify Partner
35834 3584 11593

@Brandy21 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
35834 3584 11593

@Brandy21 

thanks for update 

i have check this issue it working fine doesn't any issue 

KetanKumar_0-1635045078806.png

 

let me know mobile info so i will check special device 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Brandy21
Tourist
5 0 3

Thank you for digging into this!  

I am still experiencing the problem on the IpHone 12 Pro Max iOs 14.8, while trying to view the product pages while using Google inside of Safari.  Please let me know if you'd like further information to look into this!

You're the best.

KetanKumar
Shopify Partner
35834 3584 11593

@Brandy21 

yes i have check this also this device 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Brandy21
Tourist
5 0 3

Okay, thanks for checking.  Our devices are still now rendering our product images when we click through to them on our phones - below are 2 examples.  But it is happening on all individual product pages.  I will continue to franticly understand why we are experiencing this - even though you are not seeing this.

https://www.lifeintents.com/collections/tents/products/stella-canvas-bell-tent-5m 

https://www.lifeintents.com/collections/tents/products/19-fernweh-bell-tent 

KetanKumar
Shopify Partner
35834 3584 11593

@Brandy21 

thanks for  more details 

yes i have also check again, sorry but i can't see any issue 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sneakermask
Excursionist
14 0 10

Hi Ketan, can you also help me with the similar issue, I am trying to add the size chart image in my shop but the image gets cut off on the sides when in the mobile view, id appreciate if you can help me with the coding of the specific page to make it interactive on the phone. Here is the print screen and the link of the page  https://www.sneaker-mask.com/paget


IMG_6139.jpg

KetanKumar
Shopify Partner
35834 3584 11593

@Sneakermask 

oh sorry your page url wrong please send current 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sneakermask
Excursionist
14 0 10
KetanKumar
Shopify Partner
35834 3584 11593

@Sneakermask 

great thanks this link work perfect also image work 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sneakermask
Excursionist
14 0 10

@KetanKumar it looks like images are still not showing properly on the mobile , the left side of the image, the first columne of the chart,is not showing properly on the mobile.

52C372EB-8CF2-48ED-BF2C-4C2157F44605.png

KetanKumar
Shopify Partner
35834 3584 11593

@Sneakermask 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sneakermask
Excursionist
14 0 10

@KetanKumar On safari..i just checked on chrome and you are right its shown properly, so its a browser issue?

KetanKumar
Shopify Partner
35834 3584 11593

@Sneakermask 

yes, current can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 768px) {
.rte--indented-images img:not([style]), .rte--indented-images img[style="float: none;"] {
    max-width: 100%;
    margin-left: 0;
}
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Sneakermask
Excursionist
14 0 10

@KetanKumar Yes! it worked perfectly thank you so much!

KetanKumar
Shopify Partner
35834 3584 11593

@Sneakermask 

its my pleasure to help us 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing