I followed this tutorial
and used this code
I now have the option to add two different images but when I preview the website they are just white with no image?
Please can someone help urgently??
This is the preview website
Im desperate to have this fixed - thank you
yes you can just flow step
i mean did you check your theme setting
Yes see attached screen shots - the multi device option is now there but then its just white boxes
We've been trying to get a different image on slideshows for desktop and mobile for months, even paying shopify experts and developers on fiver and no-one is helping us. This is really causing us issues now and all we was is the mobile for mobile and desktop banners. The code above has given us the option - see attached, but then nothing shows at all on the website.. see second screen shot
@AngelCompany1 - I recommend to add both image desktop and mobile on page and then using css we hide the unwanted image as per the view, this will need knowledge of css for you in future but quite easy than having complex coding.
I can help with that.
Hello, I have done this on the live site using a YX mob and desktop image banner and then hiding them.. but the problem is these sections don't have clickable links, CTAS or allow multiple slideshow. So I can only use it as a header banner at the top which you don't need to click.
This is what we have been using as a work around until we get help with a code which allows slideshow for mob and desktop
please see our live site
You will see if you view in mobile and desktop..
In desktop the slideshow looks fine (new arrivals banner) however in mobile version it looks horrendous. A small slim banner with a huge colour block under it and a CTA in there separately.
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like
I have a video where you can use a slideshow specifically for mobile only. Please follow the instructions.
I don't think this will help me though as I need it to be a different size? I don't want to use the desktop image for mobile as it doesn't display correctly. It needs to be a more square banner as opposed to landscape. The CTA also doesn't sit right on mobile and appeared under. If you look at Solado.com they are able to load different images for desktop and mobile which is what we want.
You can also see on Solado the banner are clickable without needing a CTA - so the CTA can just be put on the design. Thank you
On this site we thought we had fixed it
As you can see by the screen shots the options for both a mobile and desktop image is there, but then they are just huge white blocks????
Can someone help us fix this
This worked perfectly!! Thank you so much. I've had this issue since I made my Shopify. Literally I've been looking for so long for something that would work and this was the easiest and most efficient solution thus far. Keep up the amazing work!
Have you tried the slider library?
Because I can help you to display the image, but the slider is not working now
It's the link to the tutorial you sent, refer https://originateweb.com/add-different-slideshow-for-mobile/
Make the shift from discounts to donations, and witness your business not only thrive fina...By Holly Dec 4, 2023
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...By Arno Nov 27, 2023