From this tutorial, you will learn how to use the redirect path to filter the content on the one page and see already filtered results on the other one.
Use an amazing option from JetSmartFilters plugin that allows you to add a redirect path to filter the results page. Now you’ll be able to filter your content, click on the Apply Button and redirect to the page with already filtered results. Moreover, filters on the results page will show what you’ve chosen on the previous page. So, let’s start!
Preparations
Firstly, you need to create two pages. The first one will be a search page where you’ll add filters.
The second page will be a result page. This page should contain the same filters.
ATTENTION! Note, that you can apply the Redirect option to any widgets that can be filtered by the JetSmartFilters plugin. For example, your WooCommerce products using the JetWooBuilder plugin widgets, such as Products Grid or Products List. Or, you can apply it to your Custom Post Types displayed via Listing Grid widget.Adding a redirect path
1 Step — Adding the Apply Button widget
After you’ve added all the content you will need to your first page (for me it will be the “Search page”), you need to drag-n-drop the Apply Button widget to the needed section.
2 Step — Enable the Redirect option
The next step is to apply the Apply Button widget to the Products Grid, as we’re going to filter the Products. Then, enable the Apply Redirect option. After that, you’ll need to copy the link from the second result page you’ve created before and paste it to the Redirect Path field in the Apply Button widget settings.
ATTENTION! Please note, that the link you’ve pasted to the Redirect Path field should be the link from the frontend!Don’t forget to save the changes.
3 Step — Check how it works
The last step here is to open your first page on the frontend, choose the needed filter options and click on the Apply Button to use filters. After that, you’ll be redirected to the second page with results.
So, now you know how to add the redirect path to the filter results page with the help of the JetSmartFilters plugin.