Skip to main content

Put advanced filters in a Store List drawer

The filter drawer keeps secondary Search-form controls out of the main Layout until the visitor selects a Filters button.

Create the drawer form​

Create a Search form containing the controls intended for the drawer: Category, Brand, custom-field choices, Open now, radius, or Sort. Map every data field to its Search parameter.

Do not add another Location field when the primary Search widget already provides location unless the drawer is intended to replace it.

Enable the drawer​

  1. Open the Layout and select Store List.
  2. Enable Show filter drawer button.
  3. Set Filter button label, for example Filters.
  4. Select the saved form under Filter search form.
  5. Save the Layout.

The selected Search form renders inside the drawer and updates the same locator query as controls outside it.

Test persistence​

Apply a location in the main Search widget, open the drawer, select filters, and close/reopen it. The selected filter UI and current results should agree. Change radius, sort, and Load more after closing the drawer to confirm all state remains coordinated.