[Resolved] Split: required taxonomy, filters, pagination – move page to specific location after pagination

[Author]

Posts

[jocelynS]

This is working now. Thank you. Please open a ticket for the remaining two issues:

2. The second issue is with pagination. This is an elementor site, for reference, and when we click next page button for a "view", I want for it to go to the top of the view on the next page, but instead it goes to random places, sometimes to the bottom of the page.

3. Similarly, for the view, for filters. At times it breaks into two lines. There doesn't seem to be a rhyme or reason. I want it all to stay on the same line. Sometimes it's fine. Other times it loads fine at first and then after a few minutes, it breaks. Other times, it breaks after clicking "next page"

New threads created by Minesh and linked to this one are listed below:

https://toolset.com/forums/topic/split-split-required-taxonomy-filters-pagination-3rd-issue/

[Minesh]

Hello. Thank you for contacting the Toolset support.

To scroll the page at top of the page after pagination - you can use the View's Javascript AJAX event hook "js_event_wpv_pagination_completed":

For example:
- Add the following code to "Custom JS" section of your view:
=>

jQuery( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) {
    /**
    * data.view_unique_id (string) The View unique ID hash
    * data.effect (string) The View AJAX pagination effect
    * data.speed (integer) The View AJAX pagination speed in miliseconds
    * data.layout (object) The jQuery object for the View layout wrapper
    */
    jQuery('html, body').animate({ scrollTop: 100 }, 'fast');
 
});

More info:
- https://toolset.com/course-lesson/adding-custom-javascript-to-views-templates-and-archives/#steps-for-adding-javascript-to-a-view
- https://toolset.com/documentation/programmer-reference/adding-custom-javascript-code-to-views-that-use-ajax

I hope above solution will help you to resolve your issue.

[jocelynS]

[deleted]

[jocelynS]

Okay that worked. Would it be possible to get it to go to an anchor point on the page instead? Since it goes all the way to the top, the listings themselves are out of view at first. I can create an anchor ID of #listing

[Minesh]

Yes, ok. You can create the element with ID #listing.

I've adjusted the code I shared as given under and change the following line of code:

scrollTop: jQuery("#listing").offset().top

You can use the following code:

jQuery( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) {
    /**
    * data.view_unique_id (string) The View unique ID hash
    * data.effect (string) The View AJAX pagination effect
    * data.speed (integer) The View AJAX pagination speed in miliseconds
    * data.layout (object) The jQuery object for the View layout wrapper
    */
    jQuery('html, body').animate({ scrollTop: jQuery("#listing").offset().top }, 'fast');
  
});

[jocelynS]

Perfect! That worked, thank you. Let me know what you need for the filters issue.

[Minesh]

Glad to know that the solution I shared help you to resolve your issue.

You're welcome to mark resolve this ticket and we will use the following split ticket to address your third issue:
- https://toolset.com/forums/topic/split-split-required-taxonomy-filters-pagination-3rd-issue/