Add advanced filters in the Listable template with FacetWP

Hello guys,

In this tutorial we are going to improve the search engine and filters of the Listable template.

If you want to access all the tutorials of the Listable template you can do it from here:
https://comohacerunapagina.es/crear-una-web-de-directorio-con-la-plantilla-listable/

The Listable template can be buy here or if you are a premium member you can download it from the members area.

We are going to improve the search engine and filters of the Listable template with the FacetWP plugin.
The Facetwp plugin you can buy here or you can download it for free from the premium area.

To view this content you must be a member of the Premium Zone, If you are not subscribed to the Premium Zone you can give sign up for €10/month here

The default Listable template already has filters but if we add FacetWP we can make filters like the following:

Add advanced filters in the Listable template with FacetWP 1

FacetWP is a very powerful plugin to create custom filters and search engines, in addition, the Listable template has integration options for this plugin, making integration with it a lot easier.

Once FacetWP is installed, its options appear in settings –> facetwp

If we go to the "Facet" tab we find the screen where we can create the filters that we can later add to our website:

Add advanced filters in the Listable template with FacetWP 2

To link each filter made in facetwp with our template we have to go to the Listings menu –> options –> FacetWP

Add advanced filters in the Listable template with FacetWP 3

On this screen we can drag the available facets to the specific place we want them to appear:

Listing Archive:

Here we will drag the filters that we want to appear in the lists, as we can see in the following screen:

Add advanced filters in the Listable template with FacetWP 1

NavigationBar:

Those dragged to this place will appear in the navigation bar:

Add advanced filters in the Listable template with FacetWP 5

Front Page Hero

Filters added here will go directly to the main page search engine.

Add advanced filters in the Listable template with FacetWP 6

I hope you liked the tutorial 😉
regards
Oscar

Leave a comment