Custom Header Links

[RGJ (Richard - Communiteq)]

See Why are custom header links 'overridden'? and Links not appearing since the last theme component update

[tgxworld (Alan Tan)]

Just dropping a note here that I merged in a change today which migrates the custom_header_links theme setting to type: objects which we recently just released.

DEV: Migrate custom header links to new objects setting type (#53)

We don’t expect things to break with this migration but if they do, please drop a note here to let me know.

[damienalexandre]

Hello,

it’s breaking.

Your change made my custom links disappear and replaced them with the default:

My old links are nowhere to be found.

This is the second time in 3 months that this component explodes - remembering DEV: Rename `Custom_header_links` settings to `custom_header_links` (… · discourse/discourse-custom-header-links@5006125 · GitHub

Is there a way for paying customer to opt-out from beta releases? it’s exhausting.

Thanks!

[JammyDodger]

Let me look into the missing links and see if there’s anything I can do.

[clee]

Sorry if this is a newbie question - but I want header links on both the left and right side such that:
[Logo][Link1][Link2] <-----------------------Spacing------------------------->[Link3][Link4][Link5].

I created 2 separate custom header links, with one links position on the left and the other on the right. But I’ve learned that both won’t show up since it treats it as separate components. How would I go about this?

[Krishanu_Borah]

I want to create 2 links using the above component. Say link 1 and link 2. Link 1 will be displayed to logged-in users and link 2 will be displayed for anon users. How can I do that?

[Arkshine]

Hi, welcome!

You can’t do it directly with the component, but you can use CSS to hide links.
There is a .anon class you can rely on to determine whether a user is logged in.

For example, if your link names are “Link 1” and “Link 2”:

/* Logged-out users */
html.anon .link-1-custom-header-links {
    display: none;
}

/* Logged-in users */
html:not(.anon) .link-2-custom-header-links {
    display: none;
}

The HTML contains a class name where the link name is dasherized, followed by -custom-header-links. You can look at it in the browser console by right click on a link → inspect, you will see:

[Helga_Razinkova (Helga)]

Hi, thanks for this plugin!

I just realized that the links work only for logged in members, and they are inactive for non-logged in users. Is it possible to make them work for all users?

[Arkshine]

Hi Helga,

By inactive, do you mean not visible, or does clicking on it do nothing?

[Helga_Razinkova (Helga)]

Thanks for the reply! Yeah, the links are visible but non-clickable.

[Arkshine]

Interesting. I can’t reproduce on my local instance. Is it possible to share your forum URL here (or by PM if you prefer)?

[Helga_Razinkova (Helga)]

Sure, thanks! https://community.elfsight.com/

[Arkshine]

Thanks! It seems that your CSS overlaps the area where the links are.

You can use some CSS to make it appear above it:

.custom-header-links {
  z-index: 1;
}

Then, now links can be clicked on:

[Helga_Razinkova (Helga)]

Wow, thank you so much!!

[Michael_Liu]

is there any solution for this ?

[NateDhaliwal]

There are locales built into it. From a quick glance, it seems to be part of the link setting.

settings.yml

[Michael_Liu]

Hi everyone,
Im currently trying to make locale setup but don’t know why its not working for zh_CN it works perfect fine with French and English…most of the others but not all of them not sure how do I able to make zh_CN work specificly.
and if anyone can explain how this process actually works will be appreciated

WARNING: Never edit this file.

It will be overwritten when translations are pulled from Crowdin.

does it mean we need to do some thing under Crowdin ? to make it work or as long as we have this XX.yml file all we need to do is to reference the XX as locale string then it should work ?
thanks a head