# 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](https://salsa-digital.gitbook.io/govcms-site-builder/unit-7-url-aliases/url-redirects/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)