help needed with brooklyn theme product image slider!

elijahiv3
New Member
2 0 0

how do I make my product images on the product page scroll through continuously on mobile view, for example without it stopping on the last image and then having to scroll back the other way?

check these stores out as an ex:

https://spinedeck.com/products/back-stretcher

https://www.himounta.com/products/led-glow?_pos=1&_sid=03e837042&_ss=r

0 Likes

That is called an image slider or carousel. Some free themes have it available. If yours don't, then you need to have a Shopify developer to assist you and code it in.

Personally I'd recommend that you use Debut theme plus this code: https://community.shopify.com/c/Shopify-Design/Debut-Theme-Solution-to-swipe-images-on-the-product-p...

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Add a slider to product page images: Minimal theme | Debut theme | Brooklyn theme
◦ Contact: ezfycode@gmail.com.
0 Likes
motheringtea
New Member
3 0 0

I have the Brooklyn theme. Is there a way I too can add the slider to the product page? Thanks so much!

0 Likes
Chris-Fris
New Member
2 0 0

Hi there,

Been looking for this option the whole day. Found it. Sharing it. 


Ready? 

--> Edit code > Assets > Theme.js ... > ctrl + f (and search) for the word infinite:

Change false into the "magic word" true and gues what?

 

Done!

 

Good luck And don't forget duplicating your theme before making any changes. 

 

 

0 Likes
motheringtea
New Member
3 0 0

Hey,

Thanks for that code edit. Unfortunately, it did not work for me. I must be doing something wrong. I did not see the word infinite with false nearby. I did change 4 false words to true and nothing happened. Thanks for sharing, though. 

 

Talesha

0 Likes
Chris-Fris
New Member
2 0 0

Hi there!

 

Hope the screenshot below will help you out... From the admin, go to > edit code > assets > theme.js > and find the line of code around 2771. 

this-will-help.png

 

Always be careful and duplicate before making any changes... 

 

 

Greetz, Chris! 

0 Likes
motheringtea
New Member
3 0 0

Thanks for your help!!

0 Likes
syc22
New Member
1 0 0

Hi,
how can i display my products as a slider in the products page in brooklyn theme as it shows in the brooklyn demo?
The images are either stacked or in a thumbnail view but i want my products to display as a slider in the products page.

Thank you

0 Likes
AustinK
New Member
3 0 0

hi... any updates? I'd like to add slider to product page images please. Thanks

0 Likes