Default facets to open

Search
1

Hi team,

My client would like to have facets default as open on page load, rather than collapsed. Is this possible?

Thanks,
Kristy

2

Hey Kristy!

If you want facets to be expanded by default, you can the “expand” parameter within the “Facets” component to “false”. This will disallow any collapse behavior, and therefore shore all facets on page load.

"Facets": {
  "expand": false, // Allow the user to expand and collapse the facets
},

Since all facets are now visible, you can also specify at what point you’d want the “show more” option to appear. Keep this in mind because if the list is too long, it might take up too much above the fold real estate on mobile.

"Facets": {
  "expand": false, // Allow the user to expand and collapse the facets
  "showMore": true, // Display a link to see more facet options within a facet
  "showMoreLimit": 5,
},

Which would ultimately look like this:

image
image2098Ă—1052 326 KB

Hope that helps!

1 Like