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