I was wondering if there was any way to make pagination user modifiable on the front-end? I've been searching for a solution, but can't find anything similar that addresses this specific problem.

I'm aware that at present, you can assign a limit to the pagination, for example:

{% paginate collection.products by 12 %}

What I'm trying to achieve here is the ability for the user to change the number of products viewable, per page, from a dropdown menu. So for example, the user chooses 24, the page refreshes with the revised pagination limit active on the page.

Any help getting started here would be greatly appreciated. Thanks!