# Why we can't add groups to top menu

**URL:** https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968
**Category:** Support
**Created:** [December 30, 2016, 8:05am UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968 "2016-12-30T08:05:08Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![adopilot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/adopilot/32/105040_2.png) [@adopilot](https://meta.discourse.org/u/adopilot)
#### Post date: [December 30, 2016, 8:05am UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968/1 "2016-12-30T08:05:08Z")

</div>

Is there a way to add groups to top menu ?  
My /admin/site\_settings/category/basic top\_menu settings looks like

 ![](https://global.discourse-cdn.com/meta/original/3X/b/9/b946740d701f4a603639e5ab079e8d5d2a4c6d29.png)

But I do not get Groups at top menu.  
 ![](https://global.discourse-cdn.com/meta/original/3X/f/6/f662787d5a7606c4f67acfa583eba5c94e20c083.png)

I’ll love to add grop page to top menu so users can join freely

 ![](https://global.discourse-cdn.com/meta/original/3X/b/9/b9b80fb8af35ff7c0c6858c6ab24d32d41ca5caa.png)

My Discourse is at v1.7.0.beta10 +149 Version

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [December 30, 2016, 1:42pm UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968/2 "2016-12-30T13:42:06Z")

</div>

That setting is only for topic listings.

You can add a Groups button with something like:

```plaintext
<script>
  Discourse.ExternalNavItem = Discourse.NavItem.extend({
    href : function() {
      return this.get('href');
    }.property('href')
  });

  I18n.translations.en.js.filters.groups = { title: "Groups", help: "Groups Listing" };

  Discourse.NavItem.reopenClass({
    buildList : function(category, args) {
      var list = this._super(category, args);
      if(!category) {
        list.push(Discourse.ExternalNavItem.create({href: '/groups', name: 'groups'}));
      }
      return list;
    }
  });
</script>

```

On `</head>` customization.

---

<div class="post-metadata">

### Author: ![adopilot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/adopilot/32/105040_2.png) [@adopilot](https://meta.discourse.org/u/adopilot)
#### Post date: [January 2, 2017, 6:45am UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968/3 "2017-01-02T06:45:24Z")

</div>

Thanx a lot . It is working as shoud.

> [@Falco](#):
>
> That setting is only for topic listings.

It is not case whit Categories, They are not topic listing.

---

<div class="post-metadata">

### Author: ![xiasummer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiasummer/32/82790_2.png) [@xiasummer](https://meta.discourse.org/u/xiasummer)
#### Post date: [May 29, 2017, 6:48am UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968/4 "2017-05-29T06:48:05Z")

</div>

Thank you very much. While at the same time, could you please do me a favor about how to solve the translation problem?

I used your most code while only changed to

I18n.translations. **zh\_CN**.js.filters.groups = { title: “Groups”, help: “See the Groups” };

But still it shows “Groups” in English on the top menu.

Could you please tell me how to change the word to a Chinese Word “群组” ?

Yours

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [May 29, 2017, 10:15am UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968/5 "2017-05-29T10:15:19Z")

</div>

Change  
`I18n.translations.zh_CN.js.filters.groups = { title: "Groups", help: "See the Groups" };`  
to  
` I18n.translations.zh_CN.js.filters.groups = { title: "群组", help: "See the Groups" };`

---

<div class="post-metadata">

### Author: ![xiasummer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiasummer/32/82790_2.png) [@xiasummer](https://meta.discourse.org/u/xiasummer)
#### Post date: [May 29, 2017, 5:03pm UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968/6 "2017-05-29T17:03:39Z")

</div>

Great!! It works perfectly. And I think that must be a way to hold any language in this task.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [May 29, 2017, 5:36pm UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968/7 "2017-05-29T17:36:29Z")

</div>

People can change languages after `I18n.translations.` and change accordingly also the text inside the double quote in `title` and `help`.

---

<div class="post-metadata">

### Author: ![schungx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/schungx/32/70989_2.png) [@schungx](https://meta.discourse.org/u/schungx)
#### Post date: [August 31, 2017, 4:15am UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968/8 "2017-08-31T04:15:30Z")

</div>

It seems that `en` is always loaded, and the user’s current locale is loaded, but nothing else.

So it probably should be protected by a conditional:

```
if (I18n.translations.zh_CN) I18n.translations.zh_CN.js.filters.groups = { title: "群组", help: "See the Groups" };

```

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [May 11, 2018, 3:15am UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968/9 "2018-05-11T03:15:32Z")

</div>

Now possible with a theme component:

> [@Custom Top Navigation Links](https://meta.discourse.org/t/custom-top-navigation-links/87225):
>
> discourse2Summary Custom Top Navigation Links allows you to add links to Discourse top navigation.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/custom-top-navigation-links)hammer_and_wrenchRepository Link [https://github.com/discourse/Discourse-nav-links-component](https://github.com/discourse/Discourse-nav-links-component)open_bookNew 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 Features Desktop Mobile Settings: …

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [May 11, 2018, 3:15am UTC](https://meta.discourse.org/t/why-we-cant-add-groups-to-top-menu/54968/10 "2018-05-11T03:15:40Z")

</div>