# Breadcrumb Links

**URL:** https://meta.discourse.org/t/breadcrumb-links/325372
**Category:** Theme component
**Created:** [September 6, 2024, 7:53pm UTC](https://meta.discourse.org/t/breadcrumb-links/325372 "2024-09-06T19:53:27Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [September 6, 2024, 7:53pm UTC](https://meta.discourse.org/t/breadcrumb-links/325372/1 "2024-09-06T19:53:27Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Breadcrumb Links |
| 👓 | **Preview** | [README](https://github.com/denvergeeks/discourse-breadcrumb-links/blob/main/README.md) |
| 🛠 | **Repository** | [GitHub - denvergeeks/discourse-breadcrumb-links: Breadcrumb Navigation for Discourse · GitHub](https://github.com/denvergeeks/discourse-breadcrumb-links) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

### Basic Breadcrumb Links

#### **On all Topic pages** : displays links back to the Subcategory (if any) and Category List Pages and the Forum Home…

 ![The image displays a screenshot of a user interface, specifically a webpage or a mobile application, with a text box containing a message and a navigation menu. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/3/1/e/31e28d98e11b61c8236599877b2b565611df8477.png)

#### **On all Category and Subcategory List pages** : displays links back to the Category List (if on a Subcategory List) and the Forum Home…

 ![The image shows a computer screen displaying a blog interface with various categories and posts. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/b/a/b/babdea65010c05c11434928a6c4358d0ad0344d8.png)

#### ℹ Current Settings (as of 2026-07-28)

 ![breadcrumb_links_settings](https://global.discourse-cdn.com/meta/original/4X/0/1/8/018db9ff258955067baad8b62f10500a6ea1faab.jpeg)

Any and all PRs are most welcome!

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [September 6, 2024, 8:06pm UTC](https://meta.discourse.org/t/breadcrumb-links/325372/2 "2024-09-06T20:06:34Z")

</div>

Nice, but _Forum Home_ should be translatable and icons are missing.

 ![This image displays a computer monitor with the text "Forum Home Koiramailma Sappirakossa on sapppea?" on the screen, suggesting a search or question about a dog's name on a forum. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/7/c/e/7ce6bb41a551346cb8c595b589e58f9153900fc2.jpeg)

Could it be a little bit smaller? CSS things, I reckon?

---

<div class="post-metadata">

### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [September 6, 2024, 8:26pm UTC](https://meta.discourse.org/t/breadcrumb-links/325372/3 "2024-09-06T20:26:44Z")

</div>

I can confirm that I am also missing the icon.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [September 7, 2024, 6:26am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/4 "2024-09-07T06:26:34Z")

</div>

On mobiles happends this:

 ![This image shows a smartphone screen with the conversation in Finnish displayed. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/3/d/1/3d12fd34cefbbfa07abbad927be4448a6a7caf84.jpeg)

Well, breadcrumb isn’t needed there so taking it off on chats would be nicer solution than fixing CSS?

---

<div class="post-metadata">

### Author: ![Monikas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/monikas/32/375316_2.png) [@Monikas](https://meta.discourse.org/u/Monikas)
#### Post date: [September 7, 2024, 10:44am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/5 "2024-09-07T10:44:49Z")

</div>

I hope the author can add a feature to modify the name of ‘🡄 Forum Home’!

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [September 7, 2024, 4:21pm UTC](https://meta.discourse.org/t/breadcrumb-links/325372/6 "2024-09-07T16:21:55Z")

</div>

Thanks for the quick and good feedback, everyone – please do keep it coming – it motivates me to continue learning!

---

<div class="post-metadata">

### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [September 8, 2024, 8:02pm UTC](https://meta.discourse.org/t/breadcrumb-links/325372/7 "2024-09-08T20:02:34Z")

</div>

One issue I’m facing with this is that it is showing in the chat box, which makes it very limited to do anything with the default keyboard over the top of the text box.

 ![Screenshot_20240908_205956_Chrome](https://global.discourse-cdn.com/meta/original/4X/4/9/8/498b0e1e4325df249dce7b303c9fa189f0f267d5.jpeg)

And secondly, since we are a closed forum, it would be nice to have it taken off the login/sign-up page.

 ![Screenshot_20240908_205727_Chrome](https://global.discourse-cdn.com/meta/original/4X/a/0/9/a091d16c75a7239da07c5e74792ec3b7958f58b1.jpeg)

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [September 10, 2024, 7:44am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/8 "2024-09-10T07:44:24Z")

</div>

Thanks @Jagster for your bug testing – can you please update it and check again?

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [September 10, 2024, 7:46am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/9 "2024-09-10T07:46:08Z")

</div>

Thanks @Aaron_Walsh I’ve made some changes - could you please test the latest version?

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [September 10, 2024, 7:49am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/10 "2024-09-10T07:49:05Z")

</div>

Yeah. Now it is okay.

---

<div class="post-metadata">

### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [September 10, 2024, 8:19am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/11 "2024-09-10T08:19:33Z")

</div>

Hi, @denvergeeks.

Yes. The icon now appears fully and has been removed from the login page. However, it still remains on the chat box, which is still cutting off the default typing box.

As mentioned below, we already have a forum tab that we can click on, so yours could be removed if possible, or an option could be provided to remove it if others don’t want it.

 ![Screenshot_20240910_091538_Chrome](https://global.discourse-cdn.com/meta/original/4X/f/5/7/f57dd328c59f1687af783fa6af2f20eb80dfdde8.jpeg)

 ![Screenshot_20240910_091550_Chrome](https://global.discourse-cdn.com/meta/original/4X/b/d/8/bd8ed911934f39c6e134494ee1b065c26409f594.jpeg)

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [September 10, 2024, 8:23am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/12 "2024-09-10T08:23:48Z")

</div>

Is your forum open where I can looksie?

---

<div class="post-metadata">

### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [September 10, 2024, 8:24am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/13 "2024-09-10T08:24:57Z")

</div>

Unfortunately, no, it is a closed, private group.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [September 10, 2024, 8:34am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/14 "2024-09-10T08:34:41Z")

</div>

It works on iPhone and it didn’t show that link either.

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [September 10, 2024, 8:50am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/15 "2024-09-10T08:50:22Z")

</div>

I’m not seeing it now in any view of the chat, either on my iPhone, Android phone or in the DiscourseHub app.

On what device and OS are you seeing it?

---

<div class="post-metadata">

### Author: ![Aaron\_Walsh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aaron_walsh/32/312661_2.png) [@Aaron\_Walsh](https://meta.discourse.org/u/Aaron_Walsh)
#### Post date: [September 10, 2024, 9:03am UTC](https://meta.discourse.org/t/breadcrumb-links/325372/16 "2024-09-10T09:03:10Z")

</div>

My apologies, for some reason it didn’t do an update even though it did as others changed 🤔 but now removed 🖖

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [September 14, 2024, 3:19pm UTC](https://meta.discourse.org/t/breadcrumb-links/325372/17 "2024-09-14T15:19:38Z")

</div>

@denvergeeks I have a skeleton setup for a breadcrumbs component here: [Manuel Kostka / Discourse / Components / Breadcrumbs · GitLab](https://gitlab.com/manuelkostka/discourse/components/breadcrumbs).

The approach is based on code from the central theme that adds breadcrumbs to some views that don’t show the default drop-downs ([discourse-central-theme/javascripts/discourse/connectors/above-main-container/breadcrumbs.gjs at main · discourse/discourse-central-theme · GitHub](https://github.com/discourse/discourse-central-theme/blob/main/javascripts/discourse/connectors/above-main-container/breadcrumbs.gjs)).

I just re-factored this code for now so that the template follows [BEM](https://meta.discourse.org/styleguide/syntax/bem) for styles and is more customizable in general. Also added categories. It won’t render nested categories, or on tag lists or other views for now.

I don’t have immediate plans to work more on this. But I think this is generally a more performant and modern approach, as it doesn’t make ajax calls and is built as a glimmer template. If you feel like, just have a look or give it a try extending it 😉

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [September 14, 2024, 5:01pm UTC](https://meta.discourse.org/t/breadcrumb-links/325372/18 "2024-09-14T17:01:11Z")

</div>

Hey @manuel thank you, this is super helpful!

Do have any tips or advice about including subcategories in the breadcrumb?

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [September 14, 2024, 11:39pm UTC](https://meta.discourse.org/t/breadcrumb-links/325372/19 "2024-09-14T23:39:04Z")

</div>

I’d probably try to add a separate getter for parent pages, similar to the currentPage one:

```plaintext
get parentPage() {
...
}

```

And have another list-item on the template when there’s a parent page:

```plaintext
{{#if this.parentPage}}
  <li class="parent">
    {{this.parentPage}}
  </li>
{{/if}}

```

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [September 15, 2024, 4:58pm UTC](https://meta.discourse.org/t/breadcrumb-links/325372/20 "2024-09-15T16:58:55Z")

</div>

..played around with this and added it to the repo already.

I’m not sure if this would be better written with [actions](https://guides.emberjs.com/release/in-depth-topics/patterns-for-actions/)? I run into issues when I try it, but I guess that’s because I don’t understand Ember and app states well enough..

In any case, [@moderators](https://meta.discourse.org/groups/moderators) maybe it would be better to move these few posts to the original dev topic [How to add breadcrumb?](https://meta.discourse.org/t/how-to-add-breadcrumb/223012) Rather than here on the component topic?

[Next page](https://meta.discourse.org/t/breadcrumb-links/325372.md?page=2)
