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

Solved
ZiZoouStore
Excursionist
30 0 6

Hi everyone,

I'm using Boundless Template. On product page, I only see first image and have to scroll down to see another images.

Can you help me the way the show all images on the top page (like an image slider).

Thank you so much.

Replies 39 (39)
DonPseudo
Excursionist
15 0 5

@Lixon_Louis  

yes...thanks...but where to add? product-template-gallery.liquid?

Lixon_Louis
Shopify Partner
1186 35 262

@DonPseudo update the code you already added inside theme.js.liquid in Step 4. See screenshot

 

Solved_ How to show Product Image Gallery on Produ.png

DonPseudo
Excursionist
15 0 5
SBTL
New Member
1 0 1

Hello, what does it mean to initialise the sliders please 

 

 

qqryan
New Member
2 0 1

Both links here and on the previous message are not working. I stuck on step 4 
Can you help me?

purplelotus
Excursionist
23 0 8

Ihad my slider working now all of a sudden there are white boxes behind it. can someone help? 

Untitled.jpg

https://purple-lotus.ca/products/jade-carvings

$('.product-slideshow').slick({
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
asNavFor: '.product-slideshow-nav'
})

$('.product-slideshow-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
infinite: false,
asNavFor: '.product-slideshow',
dots: false,
arrows: true,
focusOnSelect: true,
nextArrow: '<button type="button" class="slick-next">&raquo;</button>',
prevArrow: '<button type="button" class="slick-prev">&laquo;</button>'

});

Purekalon
Excursionist
40 0 8

Hello @Lixon_Louis 

Your steps worked perfect!!! But how do I get the arrows to show??

Purekalon
Excursionist
40 0 8

Hey @Saturn_png 

Did you ever find out on how to put Click/Zoom on the product images

@Lixon_Louis - Can you help in putting "click/zoom"?

Aniik
New Member
1 0 0

Hi! Could you explain where exactly to past the code (what line or after/before which code)? The link is unfortunately not working anymore in case there was a screenshot or something.

houseofvella
Tourist
3 0 1

Hi,

 

I'm trying to follow these steps to add scrolling images to my Boundless theme. I'm getting lost at step 2 as the links you've provided no longer work. Would you mind helping me out with some updated directions? Thanks so much.