# Exercise 7.3: Breadcrumbs

Now that we’ve added a custom URL alias and all job postings inherit the common URL pattern, let’s link our breadcrumb to the URL alias and explore how we can improve the user interface by manipulating breadcrumb links.

In Unit 6 we created a View called _Job Posting_ and added a link to the top Main Navigation menu ([Exercise 6.2](broken-reference)).

![Image of Job posting View](https://3186608908-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LzAsrTcKaHnLDg-7ALW%2Fuploads%2Fgit-blob-9cad0447305aa4cc328fe91d723e159ef60c89a3%2FEx-7-3-Breadcrumbs-1.png?alt=media)

The _Breadcrumb_ link **Job Postings** was added by GovCMS for you.

At the moment, when we access any of the **Job Posting** content, the _breadcrumb_ does not show the link to the **Job Postings** page. This creates a UX problem as site visitors don’t have a visual guide of the site section they’re currently in:

![Image of Breadcrumb to Home](https://3186608908-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LzAsrTcKaHnLDg-7ALW%2Fuploads%2Fgit-blob-12469db1f2fb375430ec0a7f6da5fa4ba2b6bb5d%2FEx-7-3-Breadcrumbs-2.png?alt=media)

We want to change the breadcrumbs so that when a **Job Posting** page is displayed, the _breadcrumb_ shows the link to the parent **Jobs** page:

![Image of Breadcrumb to Jobs page](https://3186608908-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LzAsrTcKaHnLDg-7ALW%2Fuploads%2Fgit-blob-ea0dae386b4f03a839383886775743e20ec1e56b%2FEx-7-3-Breadcrumbs-3.png?alt=media)

The _Breadcrumb_ links are constructed from the URL of the current page and checking if the sub-path matches any page on the site. If it does, the system pulls the title of that page and creates a breadcrumb link.

Our parent page (**Jobs**) URL is **/job-postings** and our **Job Posting** _content_ URL pattern is **/jobs/\[node:title]**. To get the **Jobs** page link added to the _breadcrumb_, all we have to do is to change its URL from /job-postings to /jobs. This way it will natively flow into the existing URL pattern for Job Posting content type and the link will be automatically generated in the breadcrumb.

1. Navigate to the **Structure** → **Views** and edit our _Job Postings_ view.
2.  Locate _Path_ under _Page Settings_ (middle top section).



    <figure><img src="https://3186608908-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LzAsrTcKaHnLDg-7ALW%2Fuploads%2Fgit-blob-151fe3d251f6f9401bf094c821e1a8f6a2463dc5%2FEx-7-3-Breadcrumbs-4.png?alt=media" alt=""><figcaption></figcaption></figure>
3. Edit the _Path_, change it to **/jobs**.
4. **Save** the view
5. Test the _breadcrumb_ by navigating to any _Job Posting_ content. You should now get the **Job Posting** link in the breadcrumb.

![Image of Breadcrumb to Jobs page](https://3186608908-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LzAsrTcKaHnLDg-7ALW%2Fuploads%2Fgit-blob-4d98fdabf6100a896147dbc845cc04630889db4b%2FEx-7-3-Breadcrumbs-5.png?alt=media)
