Skip to main content

Related Services

Description

Related Services is a component that dynamically displays a list of service cards based on the tags of the service card that a user clicks on from the Service Listing or Related Services component.

Authoring

The Related Services component dynamically updates based on whichever service card your users clicked on from the Service Listing or Related Services component. For this component to work properly, it just needs to be configured on the dynamic page once.

IMPORTANT NOTICE

To see content in the Related Services component, you need to be on a Content Fragment entry page. Look at the URL of the page you're on - if it contains "content-fragment" in the middle with two dots (.) before and after it, then you're on the right page. For example, this URL shows that you're on a Content Fragment page: /templates-and-components/components/feeds/related-services.bartender-license.html

Configuring the Properties tab

  • Enter a title.
  • Enter the search button label and link to the search results page for your site.
  • Add an icon for the search button as needed.
  • Choose a background color for the service cards.
  • Hide the agency label as needed.
  • Hide the description as needed.

Configuring the Services tab

  • Enter the service fragment path, which should be where all the fragments reside.
  • Choose the destination of the cards. If this component is used on Illinois.gov, select Illinois.gov. You would have to configure the path to the dynamic service page, which should always be /content/soi/illinois/en/services/service.

Configuring the Styles

  • Select center aligned as needed so the card text is centered.
  • Select white text as needed if a dark background color is authored for the cards.

Examples

List of Related Services