FacetWP Mobile Flyout

FacetWP Mobile Flyout is an official extension of the FacetWP ecosystem that transforms faceted search filters into a sliding side panel, specifically designed to provide a comfortable and smooth filtering experience on mobile devices. It is intended for online stores, product catalogs, directories, and any site with multiple facets where smartphone users need to access filters without getting lost among cramped or barely visible options.

The plugin generates a filter bar that slides in from one side of the screen, activated by a button with the CSS class facetwp-flyout-open. By default, the panel displays all facets present on the page in the same order they appear, automatically excluding Pager, Map, and User Selections facets. This allows mobile visitors to access all filtering options with a single tap, without endless scrolling or dealing with cluttered interfaces.

Among its most notable features is the ability to limit which facets are shown in the panel and modify their order, as well as add additional elements like User Selections within the flyout template. The opening button can be hidden on desktop screens using custom CSS rules, so the flyout only appears on mobile devices or narrow windows. It is also possible to customize the button text via PHP, making it easy to translate and integrate with translation plugins like WPML.

The plugin offers advanced flexibility for developers: it can be configured to open the panel automatically when certain facets are selected in the URL, close automatically after a selection, or include an apply button so users can make multiple selections before updating results. Additionally, it supports RTL (right-to-left) for languages like Arabic or Hebrew, and continuous improvements in performance and compatibility with different facet types.

If your site uses FacetWP and receives significant traffic from mobile devices, this add-on is the ideal solution to maintain a clean, organized, and accessible filtering experience. Whether you manage a WooCommerce store, a property directory, or a catalog with dozens of filters, Mobile Flyout turns mobile navigation into a simple and intuitive task, improving usability and reducing friction in your users' search process.