How to show Product Image Gallery on Product Page (Boundless Template)

Solved
Highlighted
Tourist
8 0 2

@Lixon_Louis thanks for this. Looks like what I need. I'm stuck at step 4 though as there is no theme.js.liquid in Boundless theme. There is only theme.liquid and it has total 299 lines. Could you point me to the location where I need to paste this code? Thanks a lot in advance. Cheers.

Update: Never mind @Lixon_Louis wasn't looking at the right place. found .js.liquid now.

0 Likes
Highlighted
Tourist
8 0 2

@Lixon_Louis so I've followed your instructions and I see that images are coming as gallery but there are few problems:

1. The image size is smaller on desktop (mobile is okay). Could you help on how I can increase this?

2. To move to the next image, when I select image,  whole gallery is being selected:

TheWorkLabel_0-1596610660782.png

3. Is it possible to apply this template to all existing products in one go instead of one by one?

Link for site: https://the-work-label.myshopify.com

Link for the product where I've selected this template: https://the-work-label.myshopify.com/collections/tops/products/black-white-small-check-v-neck-top

Password: tawmaw

Thanks for help!

0 Likes
Highlighted
New Member
1 0 1

Thank you for this fix!  Having the same problem as others here with the images appearing very small on full screen (non mobile) version.  Do you have any advice for this?  The main image is constrained around 200 x 200px when the page could easily fit 800 x 800

1 Like
Highlighted
Tourist
3 0 0

@kyleedarcy Did you find a solution ?

0 Likes
Highlighted
New Member
2 0 0

Hi, this happened to me too. Did you ever find a solution? Thank you

0 Likes
Highlighted
Tourist
8 0 1


Thank you so much. You've solved my problem

0 Likes
Highlighted
Tourist
8 0 1

Thank your your solution.

And how can I change the first image's width in Desktop interface?

0 Likes