Shopify themes, liquid, logos, and UX
Hi, was wanting some help.
All images load fine, but my main page the blocks don't load the images on iphones, but only show the text.
Even on the preview it looks as its designed to work this way.
Im sure somewhere in the CSS its hidden somewhere to hide images on iphones, does anyone know where to look and what to look for, just a rough idea and ill figure it out.
Thanks alot
Hello, @DRP996
Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
Hi I can't see my product images on mobile either https://cyo.mx/products/workshop-realismo-espontaneo-con-diego-guzman
Help me please!
Yes, please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
@media (max-width: 575px) {
.visible-xs {
opacity: 1;
}
}
Hi, could you help me solve this issue please,
All the Product images in the product page are hidden in Mobile (everything is working good in Desktop but in Mobile NOT!)
This is the product page link : koziinti.myshopify.com/collections/الأكثر-طلبا-هذا-الأسبوع/products/
As you can see no image is shown, but there are their place
You need to scroll down everytime you enter product page to see its content
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?
Hi Ketan,
We are experiencing similar kind of issue. Images are not visible in mobile view. We tried to temporarily resolve the issue by duplicating the product, and it worked also but after 2 days we are again facing similar issue. Can you please help us here
Store name : Harold Meagan
Website : www.haroldmeagan.com
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?
Hello! I am having a similar problem where my images in mobile view are not loading. Would you be able to help me remedy this also?
Thank you!
1. Go to Online Store->Theme->Edit code
2. Asset->/responsive.css->paste below code at the bottom of the file.
.custom_showcase__1 img
can you please remove this class css
Hello - this solution isn't working for me. I don't have that section available - can someone please provide further instructions on how to fix.
RE: Product Pages on Mobile. Scrolling button does not work to view additional images. it also only shows one image on whole page. Please help!
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
out-east-eyewear.myshopify.com ....
everything looks okay when you view on desktop in mobile view but having issues on the website viewing on actual mobile website with the hamburger menu on product page + also the additional images on product pages are not appearing below nor are the arrows working. Any help with this would be much appreciated!!!
Thanks for post
can you please share further issue screenshots or videos?
We are using the free Supply Theme and are having a similar issue on our site.
Images will load on desktop perfectly, but then on mobile you will only be able to see the first products image, all additional images are 'grouped' into a single section and are not selectable.
Welcome to the Shopify community!
and Thanks for your question.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.sc-badge-container {display: none !important;}
Hi Ketan, maybe you can help us as well. None of our product images are being shown to customers on mobile devices. Website is www.romancehelpers.com. Do you know how to fix this? Thanks, Ally
Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question. 😊
can you please share with us a further issue screenshot?
Here they are, basically no images at all even though in online store preview the mobile version looks fine.
thank you!
Hi Ally,
I have faced a similar problem to your described issue. I just looked at your website and found that you managed to get it working. May i know how did you resolve this?
Otherwise, can anyone assist me in this situation?
My website is gemflipflop.com, i am using brooklyn theme and i did a few edits on theme coding to allow grouping of images according to variant choice.
I have attached several screenshot for your review. All designs show up without an issue on webpage, however, when on mobile. Some designs show and some doesnt.
Dev code if its relevant to you.
Hi! Do you mind helping me to look at our website too?
5imple-life.com
the home page pictures are not showing on my iphone:(
Hello. I have the same issue, i.e. the product page does not load correctly on Some phones (other phones it is ok). www.coocootales.com
Can you please assist with this?
Many thanks.
Sofia
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?
Please see also these console errors which perhaps are relevant.
Many thanks.
did you have to add any third partly code?
can you please disable and try?
can you please share again issue screenshot?
thanks for update and support
Ketan,
My header LOGO is not showing when customers receive emails from me in Shopify. Can you please tell me what to do to fix this?
The logo is supposed to be at the top of the page and I have alt text describing it.
Thanks,
Bev Sidders Skincare
I'm having the same issue, I'm working on building our site and I cannot get the logo to appear on the mobile site. www.heartandsollgardens.com any advice would be much appreciated.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024