MixItUp3 filtering library has another very useful premium extension called MixItUp Pagination.It increases usability and reduce excessive scrolling when dealing with large datasets of your MixItUp-powered filtered and sorted content.
Similar to other premium extensions it is not publicly available via GitHub or NPM and can only be downloaded from your account after purchase.
For adding a pagination to the page with filtered content we will need another div, with class .control-pagination, where we will setup a structure, which MixItUp plugin will use for inserting its pagination controls.
Those are independent controls so block can be placed whenever you want, before or after the container with the filtered content, your choice only depends on your design requirements.
Inside the .controls-pagination block add 2 more divs:
To add more control over the design of pagination elements, add a text element inside the .mixitup-page-list div and give it a class .mixitup-control. Style it the way you want your pagination controls look.
Then, add combo-class .mixitup-control-active to the same text element and style it the way you want the active page number looks like.
Also, feel free to style any other of divs, set desirable layout on controls block, etc.
Custom code structure:
Set desirable value of the limit parameter and publish the site.
More advanced configuration parameters and templates are available on the original plugin documentation page.
That's it! Your pagination for the filtered content should be ready.