Boundless Slideshow Images

Highlighted
New Member
3 0 0

Hi there,

Hope this is the right place to post this. I'm hoping to use Boundless for my store and for the life of my can't figure out how to make my slideshow images sensitive to browser size.

https://jlracing.com/ is a site I've found that uses Boundless and the images appear how I'd like - one version for desktop, another for mobile, but I really cannot fathom how to make this work.

Can anyone help me please? Thank you!

0 Likes
Highlighted
Navigator
252 36 40

Hello @Grayonce ,

It is not working correctly in your store because their are some CSS changes missing or need to update. It depends on which JS slider your are using.

Can you please share your store url, so I can check. 

Expert Shopify Developer hire me
Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
Highlighted
New Member
3 0 0

Sure - the slideshow is only the default one provided in the theme, but if you can advise on how to add CSS to provide responsive images/image sizes, that'd be perfect.

Also, the website is a test one so ignore the URL. I'm using this to see if we wish to go ahead and pay for a full Shopify account, and I seem to be finding lots of issues in the process of designing!

 

https://fashion-bltch.myshopify.com/

password to the site is simple 'bitch'

0 Likes
Highlighted
Navigator
252 36 40

Hello @Grayonce 

Your current is using same css style, so no need to change it. Example site and your site has same slider and same css. I would suggest to use two separate images for mobile and desktop.

It would require Liquid/CSS/Javascript knowledge to implement this feature, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.

Contact me

Expert Shopify Developer hire me
Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
Highlighted
New Member
3 0 0

I appreciate your response, but how do I specify which images should be mobile and which should be desktop?!

0 Likes
Highlighted
Navigator
252 36 40

We have to give option to upload image for mobile like already have option for one image (use as desktop) and then in liquid code, add mobile image <img> code with 'mobile-show' class.

Using this class, we will apply css with the help of media query.

Expert Shopify Developer hire me
Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
Highlighted
New Member
1 0 0

hello how are you ?

i wanted to get some help, i am having problem with the slideshow as well. when i upload an image, the picture is too zoomed in. I am using the boundless theme on shopify. what can i do to fix this problem please.

0 Likes