FacetWP

Patterns injected by the FacetWP plugin for WordPress and supported by this project's toolkit. These patterns should never be used directly, as they won't work when FacetWP styles and functionality are not active.

Facets

  • wordpress
  • third-party

Intended for use in product listings. Custom styles exist for the following elements:

Empty

  • wordpress
  • third-party

When certain facets are selected, adjacent groups of facets may be empty. We attempt to hide these groups in browsers that support :has selectors.

In this example, there is an "Inverter" group between "Technology" and "Start Type" with no available options.

Overflow

  • wordpress
  • third-party

Checkboxes may overflow into a menu that shows more on toggle. Styles exist to maintain spacing and visual style.

Pager

  • wordpress
  • third-party

Pager output is lightly styled to match the look and feel of the Button element. Label is hidden but still accessible to screen readers.