Adding pagination to product images at the collection page

[Elay]

Hello,

I want to add a pagination to the product images at the collection page. So the user can scroll the product images without getting in the product page.

for example like in this website (for mobile): https://www.kenzo.com/en-il/c-men/tshirts

I’m using dawn theme, and this is my website: www.countinghearts.com

[devcoders]

Hello @Elay 

Do you want to add a "See More" button on the collection page?

[Elay]

Hi, 

No. i want to add pagination to product images from the collection. 
please see the image

 

attached 

[devcoders]

Hello @Elay 

Okay, this scroll slider is added on the mobile device, and I will need to write custom code for it.

[Elay]

OK @devcoders it will be great.

Thanks!

[PaulNewton]

👨‍💻Note: Product/variant images are not paginated in liquid templates

Hi @Elay 👋 if a theme doesn't already have the capability to load extra images then this is an advanced theme customization for both performant* image loading and any accompanying gallery/slideshow, "paging",  javascript behavior and styling with animations.

💣* If not careful in implementation you are effectively asking to load ALL product images killinag users bandwidth which will lower sales conversions. And if starting out don't be so subtle with interactions use arrows etc to clearly communicate images are swipable on mobile/desktop, established brands can get away with losing money with unobvious behavior(ity bitty paging indicators)

If you need this advanced customization then contact me for services
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.