Facets Widget JS

The SearchStax Site Search solution’s Facets Widget for UX-JS displays faceted filters for search.

Facet Selection and Order

Facet lists are configured and ordered on the Site Search Faceting Tab.

Usage

searchstax.addFacetsWidget("searchstax-facets-container", {
    facetingType: "and",
    itemsPerPageDesktop: 3,
    itemsPerPageMobile: 99,
 });

searchstax.addFacetsWidget("searchstax-facets-container", {
    facetingType: "and",
    itemsPerPageDesktop: 3,
    itemsPerPageMobile: 99,
 });

Multiple Instances

Multiple instances of the Facets widget can be added by calling the addFacetsWidget method multiple times with different target containers:

searchstax.addFacetsWidget('container1', options1);

searchstax.addFacetsWidget('container2', options2);

searchstax.addFacetsWidget('container1', options1);

searchstax.addFacetsWidget('container2', options2);

Each instance can be configured separately via its options object. This allows for the widget to be added to different locations on the page as needed.

Props

facetingType: “and” | “or” | “showUnavailable” | “tabs”. Type that determines how facets will behave.
specificFacets: string[]. Optional array of facet names that, if provided, will only render those facets.
itemsPerPageDesktop: number. Default expanded facets for desktop.
itemsPerPageMobile: number. Default expanded facets for mobile.
templates: See examples in searchstax-ux-js.

Example

See the full examples in searchstax-ux-js.

Questions?

Do not hesitate to contact the SearchStax Support Desk.