Sobeys Logo

Sort and Filter Component

The Sort and Filter Component provides a flexible interface for filtering and sorting content across various page types. It enhances user experience by allowing visitors to easily browse through content based on predefined criteria.

Key Configuration Options:

  • Page Type Select the type of content to be filtered. Available options include: Recipe Gallery, Article Gallery, Ready For You, and Product Gallery.
  • Labels Configuration Customize the text labels displayed in the filter UI:
  • Sort Title – Heading for the sort options section (e.g., "Sort By")
  • Sorting Options – Define sorting methods such as A–Z, Z–A, Newest, and Oldest
  • Categories Title – Label for the content category filter section
  • Filters Title – Heading for the filter group container
  • Filter 1 Title – Title for the first filter category (e.g., “Meal Type”)
  • Filter 2 Title – Title for the second filter category (e.g., “Dietary Preference”)
  • Clear All Title Text label for the "Clear All" action button used to reset filters.
Voila