Pre selected facet and menu items

Open Q&A
#1

Hi

I want to have a preselected facet item on my search page, so when the visitor first arrives at the page a certain refinement is already selected.

I can get this working no problem with a refinement list using:

instantsearch.widgets.configure({
conjunctiveFacetsRefinements: {
country_name: [‘English’],
},
}),

But I also have a menuSelect widget, how would I have one of my menu options preselected?

Thanks as always

#2

I have got a step further, partly with the help of this topic How to preselect an initial ais-menu item

My sandbox example here:

But can’t figure out how to allow the user to select a different menu item

Thanks

#3

The answer to my question was to use ‘hierarchicalFacetsRefinements’ not ‘conjunctiveFacetsRefinements’, I just couldn’t find the answer easily.

Thanks