Forum Discussion
Breadcrumb navigation on modern site pages (communication site)
Is there a dynamic way to add breadcrumbs to site pages in Communication site? Currently, we are using SharePoint as our intranet site and adding breadcrumbs manually using Text web part.
I found similar questions but no answer and they've been more than 2 years old posts. Wondering if anything is new that'll help.
4 Replies
I feel your pain, and exactly for this task I use Text Webpart, not Markdown one - text allows sharepoint page to have proper item version history with changes per text. To automate the process of adding breadcrumbs and even TOC I use "SharePoint Wiki from markdown" chrome extension - very helpful MD > SP generation path with all the links covered around.
- Yes, there are dynamic ways to add breadcrumbs to site pages in a SharePoint Communication site. Here are a few options:
Use the SharePoint Online PnP (Patterns and Practices) breadcrumb component: This component provides a dynamic breadcrumb navigation for SharePoint Communication sites. You can install it as a SharePoint Framework solution, and it will automatically generate breadcrumbs based on the site hierarchy. You can find more information on how to use the PnP breadcrumb component here: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer.
Use the SharePoint built-in breadcrumb: SharePoint already has a built-in breadcrumb that you can use on your site pages. To add it, simply go to the page editing mode, click on the "+ Add" button and select the "Breadcrumb" web part. This will add a dynamic breadcrumb navigation to your site page.
Use a third-party SharePoint add-in: There are several third-party SharePoint add-ins available in the SharePoint Store that offer dynamic breadcrumb navigation. You can search for them by using keywords like "breadcrumb" or "navigation" in the SharePoint Store. Some popular options include "SharePoint Breadcrumbs" by BindTuning and "Navigation for SharePoint Online" by SharePointly.jaortizgolf78 Thanks for the suggestions.
1. I'll have to look into the PnP breadcrumb component.
2. I don't see a breadcrumb webpart listed on my screen (We're on GCC) or on below page:
https://support.microsoft.com/en-us/office/using-web-parts-on-sharepoint-pages-336e8e92-3e2d-4298-ae01-d404bbe751e0
3. Unfortunately, we're not allowed to install any 3rd party solutions.- I was able to add a breadcrumb with PnP Page Hierarchy web part:
https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-pages-hierarchy
