Scroll to element top after using Ajax pagination

[Mike8040]

Pretty useful and a must usability wise IMO for product archives. Right now pages change, the focus stays at the pagination element and if the last pages has way less products then the page before the users viewport jumps down to the footer.
The user wants to see the new products for the new page which by nature start at the top of the archive / product(query) loop element. Right not he is forced to find the starting point.
If this is possible I am thankfully and happy to hear a fix or solution. Right now I see not option for that in Bricks

[pedronx]

Hi,
did you find the solution?

[Mike8040]

Hi,

yes I did. Create an interaction on the product query loop and define the containter/element where it should scroll to after pagination was used.

This is how I setup the interaction

[xsz]

Take a look at all the other things that should be integrated in the new Bricks filters and see if you agree.

Request: Improvements to the new Bricks Filters

Hello everyone. After tinkering with the new filter elements, I found some bugs/things that could be improved. Since you asked for feedback in the video, I hope this makes sense to you. When using the ‘Filter - Search’, after entering a keyword in the input field, allow us to hit the “Enter” key to redirect to the search results page. (PLEASE) After a filter is selected, the content should scroll back to the top or to a specific class/ID. It would be important for the scroll to top actio…

[pedronx]

Thank You, but its overwhelming for me. I think that. I think this is a mistake of this element. I’ll report it anyway.

[Mike8040]

@pedronx Yeah, it would be great if that would work out of the box. I just found this solution by tinkering around. Nothing is intuitive with Bricks IMO. Anyway, it is not hard to setup. Just click the interaction button for your product loop and copy my settings. Then add the css selector / class where it should scroll to and that’s it.

@xsz I guess the wrong thread?