This add-on generates a flyout sidebar which can help with mobile support.

To see it in action, browse to our Cars demo then shrink your browser width until you see the purple “Show filters” button.

By default, the flyout shows all facets that are on the page itself (except Pager facets, Map facets and User Selections), in the same order.

If you want to limit the facets shown in the flyout, or change their order, see the example below. User Selections (and other content or extra elements) can be added to the flyout by adding them to the flyout’s template, as demonstrated in the example below .

Usage

First, download and install the add-on plugin, and activate it.

Then, add a button or link with the CSS class of facetwp-flyout-open to trigger the flyout.