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

Rob Keeton
Tera Contributor

Hi, Peter.  I'm working through an Employee Center implementation and just noticed the same issue that you posted.  Did you ever come up with a good solution to make breadcrumbs match taxonomy structure vs. taking user to the back-end catalog structure?

Mark Roethof
Tera Patron
Tera Patron

Hi there,

 

On pages like Catalog Item and Knowledge Article, there is out-of-the-box a HRM Back button widget instead. Personally I don't like that back button, also tried replacing it with the breadcrumb widget. The breadcrumb inconsistency that then occurs wasn't the biggest issue for me, more that when you click on it that you are going to the old Catalog or Knowledge pages.

 

Currently looking into creating my own widget for these pages since out-of-the-box this is not good.

 

Kind regards,
Mark

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

Hi @Mark Roethof ,

 

did you manage to solve this issue? I have the same situation and looking for a solution...

 

Regards,
Pablo Espinar
ServiceNow Technicall Lead at Holcim

Pablo Espinar
ServiceNow Technical Lead at Holcim

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