Stand with Ukraine. Fight for freedom and democracy

Donate
Troubleshooting //
Redirecting to the Prefiltered Results via the Select Filter

Redirecting to the Prefiltered Results via the Select Filter

Question

Is it possible to create a prefiltered results page via select filter?

Tutorial requirements:

  • Elementor (Free version)
  • JetSmartFilters plugin installed and activated;
  • Products created with the help of WooCommerce.

Answer

Create filter

Go to WordPress Dashboard > JetSmartFilters > Add new filter.
Create a Select Filter, select “Taxonomies” as the Data Source, and choose “Product categories” at the Taxonomy dropdown menu.

select filter settings

Create page with product listing and filter

Firstly, you need to create two pages. The first one will be a result page where you’ll add filters.
The second page will be a search page. This page should contain the same filters.
Create a new page or open the needed page in the Elementor Page Builder. Add two columns in Elementor and drag and drop the following widgets into the following columns: first column —  filter, second сolumn — Listing Grid:

select filter in elementor

Add filter to the needed page

Open the needed page in the Elementor Page Builder. In the described case, we create a new page. Add two columns in Elementor and drag and drop the following widgets into the following columns: first column —  filter, second сolumn — Apply Button widget:

select filter and apply filter button

Add the Apply Button widget in the second column and enable the Apply Redirect option. In the Redirect path section, add the URL from the page where the user will be directed after applying the filter.

redirect path customization

Go to the front end to check the result.
Select any filter and click the “Apply Filter” button.

select filter on front end

You will be redirected to the page with the Listing Grid sorted by the category you specified earlier.

predefined results on the page

That’s it; now you know how to redirect to the predefined results page via the Select filter available with the JetSmartFilters plugin.

Was this article helpful?
YesNo
Still need help?
Submit a request