How to make breadcrumb navigation to match Content Taxonomy?

Peter Zalman
Tera Contributor

Breadcrumb navigation on Employee Center Portal is confusing and actually decreases usability. Is there a way to make all content appear in a consistent taxonomy so that breadcrumb navigation matches the mega menu?

Use Case As-Is

  1. Open Topic Page from Mega menu
  2. The breadcrumb reflects the content taxonomy 
  3. Click on the catalog item
  4. The breadcrumb navigation changes to different taxonomy - a technical structure of catalogs 

Use Case To-Be

  1. Open Topic Page from Mega menu
  2. The breadcrumb reflects the content taxonomy
  3. Click on the catalog item
  4. The breadcrumb navigation remains consistent, adds the final child item 

 

find_real_file.png

find_real_file.png

1 ACCEPTED SOLUTION

Vanderlei
Mega Sage

Hello @Peter Zalman, how are you?

 

I am implementing an employee center and I faced the same problem.

I needed to create a custom widget to have this functionality using a function that ServiceNow itself uses to generate the breadcrumb of the taxonomies.(function present in the topics page)

 

There are some business rules for the operation of this widget, they are:

  • Does not work if two topics are using the same item
  • Does not work using content items
  • If it doesn't find the breadcrumb, it will just be Home > Catalog Item Name.

 

How to implement:

  1. Install the attached widget.
  2. Go to Service Portal > Pages > esc_sc_cat_item
  3. Click on the instance where the HRM Back Button ( is on the instance and not on the widget name)
  4. Go to the Section Widget and change the widget to the breadcrumb taxonomy

 

Now where the back button widget will be replaced by the custom breadcrumb to show the taxonomy path to the catalog item.

 

Vanderlei_0-1681918191471.png

Vanderlei_1-1681918514490.png

Vanderlei_2-1681918533802.png

 

If my answer helped you, please mark my answer as helpful.

 

Vanderlei Catione Junior | LinkedIn

Senior ServicePortal Developer / TechLead at Nuvolax

 

View solution in original post

10 REPLIES 10

Hi @swostik , How are you?
You can make a copy of the sc_cat_item for your portal and add the taxonomy breadcrumb widget.
After that, you need to create a Page route map, to route for sc_cat_item to your_page_sc_cat_item