What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Adding pagination to product images at the collection page

Adding pagination to product images at the collection page

Elay
Tourist
12 0 8

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

Replies 5 (5)

devcoders
Shopify Partner
564 80 142

Hello @Elay 

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

devcoders_0-1728756371250.png

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
Elay
Tourist
12 0 8

Hi, 

 

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

IMG_6196.jpeg

attached 

devcoders
Shopify Partner
564 80 142

Hello @Elay 

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

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
Elay
Tourist
12 0 8

OK @devcoders it will be great.

Thanks!

PaulNewton
Shopify Partner
7450 657 1565

👨‍💻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.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org