Skip to main content

Create a grouped Store accordion

Grouped accordion places Stores inside collapsible group sections.

Configure grouping​

  1. Open the Layout and select Store List.
  2. Set Display → Grouped accordion.
  3. Select the Store Card.
  4. Under Group stores by, choose Category, Brand, City, State/region, or Country.
  5. Decide whether Open one group at a time is enabled.

When grouping by Category and a Store belongs to multiple Categories, verify the expected placement with your real taxonomy. When grouping by City/State/Country, normalize spelling/codes on Store records or near-duplicate groups can appear.

Style group headers​

Configure:

  • Closed group background;
  • Open group background;
  • Closed group icon;
  • Open group icon.

Enable Show group count to display the number of Stores. The count has separate background, text color, corner radius, font family, font size, and font weight controls.

Test filters with groups​

Search and filter controls run before grouping. After selecting a Category or changing radius, empty groups should disappear and group counts should reflect the current matching result set, not all database Stores.

Test pagination/Load more to verify whether a group receives additional Stores as later pages append.