Teaser view

Desktop view

screenshot

Used filter

screenshot

Results shown / hidden by a “show more” and “show less” option

screenshot filter component with show more button

Mobile view

screenshot

Tile view

screenshot

How it works

  • New component can filter elements inside a page.
  • User can filter using multiple options at the same time.
  • Elements to be filtered are created as Content Fragments.
  • Filtering component pulls the content fragments depending on the selected tags and filters through them.
  • Filtered elements can be rendered in the page as Tiles or Teasers elements.
  • The filtering component can be accessed with pre-selected filters applied by accessing the Page URL with specific URL parameters.
  • The filtering component has an option to limit the amount of results initially displayed by the component
  • Additional results can be shown / hidden by a “show more” and “show less” option
  • Amount of results affected by “show more” is configurable
  • By presetting the sorting options you can define which elements come first.
    Sorting options (asc or desc)
    • Publishing date
    • Name
    • Date

Reference for publisher

Note

  • Creating filterning content fragments is allowed for publisher with the role advanced_web_specialist.
  • You have to be sure that the Filter content fragments and its tags have been published before publishing the Filtering component. Otherwise, the content won't be displayed
  • Make sure that images used by the Filter content fragments are configured as static.

Filtering component

AEM view filtering component

Content fragment