Filters display on Search Result page

2020

September

{"base64":" ","img":{"width":105,"height":20,"type":"svg","mime":"image/svg+xml","wUnits":"px","hUnits":"px","length":951,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/filters-display-on-search-result-page-0.png"}}

Thanks to the new openFiltersMode prop it is now possible to define how many filters can be opened by a user at the same time on the Filter Navigator component.

{"base64":" ","img":{"width":312,"height":580,"type":"gif","mime":"image/gif","wUnits":"px","hUnits":"px","length":1019567,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/filters-display-on-search-result-page-1.gif"}}

Notice that only one filter can be opened at one time. In the example above, the prop openFiltersMode is declared as one.

For more details, access the Search Result app documentation.

✨ We would not be able to deliver this amazing result if it was not for Felipe Ireslan from ACCT! Our sincere thanks, Felipe!