Why we can't add groups to top menu

Is there a way to add groups to top menu ?
My /admin/site_settings/category/basic top_menu settings looks like

But I do not get Groups at top menu.

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

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

2 Likes

That setting is only for topic listings.

You can add a Groups button with something like:

<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.

10 Likes

Thanx a lot . It is working as shoud.

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

1 Like

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

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" };

5 Likes

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

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

2 Likes

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" };
1 Like

Now possible with a theme component:

4 Likes