Using Pagination for product carousel resets page to top

[Lucius_Blackheart]

I created a pagination carousel and it works well in development staging, but when I pushed it to the live site and use it by clicking on the “Left” or “Right” button, it loads the page back to the top. I need the view pane to remain on the bottom where the pagination carousel is located. Using pagination should not have to make a customer scroll back down to the pagination carousel to use it, or move the browser perspective at all. Perhaps this is not what the pagination is used for and a limitation that needs to be looked at in the future. Can someone confirm?

This solution here is the one used by pixelgeek in the video here: Creating an Ecommerce page with CSS Grid and Webflow - YouTube

[matthewpmunger]

Hey @Lucius_Blackheart here is a topic that contains the code snippet to solve this. It works. Hope that helps.

Seamless pagination with "pjax"

Using the jquery-pjax library, it is possible set up paginated collections in a way that browsing feels snappier. Demo: seamless-pagination Quick version of how jquery-pjax works: Listen for clicks on links with a certain selector Instead of going to the link, load the html data in the background Replace the specified chunk of html Use history.pushState to update the URL, so that refreshing the page / sharing a url works as expected In this demo, everything inside the #seamless-replace div w…

[Lucius_Blackheart]

Unfortunately, I won’t be able to implement and test it on my build. I need a full working version. I’m very happy you provided me a solution. Thank you so much for that.

L