# Quick Profile Links Menu

**URL:** https://meta.discourse.org/t/quick-profile-links-menu/338591
**Category:** Theme component
**Created:** [November 26, 2024, 8:18pm UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591 "2024-11-26T20:18:55Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 26, 2024, 8:18pm UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/1 "2024-11-26T20:18:55Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Quick Profile Links Menu |
| 👓 | **Preview** | [Theme Creator](https://discourse.theme-creator.io/theme/Don/quick-profile-links-menu) |
| 🛠 | **Repository** | [GitHub - VaperinaDEV/quick-profile-links-menu · GitHub](https://github.com/VaperinaDEV/quick-profile-links-menu) |
| ❤ | **Found it useful?** | [\> ./support --coffee](https://meta.discourse.org/u/don) |
| ❓ | **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

Hello 👋

Navigating the user preferences can be a bit difficult at times, especially for new users. This theme component allows to add several important setting links in the user pages and add custom user menu profile tab…

### User pages menu links

This menu button is places in the user profile control buttons section.

 ![Screenshot 2024-11-26 at 20.37.39](https://global.discourse-cdn.com/meta/original/4X/0/d/a/0dad41f56bf1296aab54e21f51c455d4bc43479c.png)  
 ![Screenshot 2024-11-26 at 20.38.23](https://global.discourse-cdn.com/meta/original/4X/f/b/8/fb8752f3538b3daddb4f1b8c835bd0d44aa9661b.png)

* * *

Clicking on the menu item it will redirect to the desired field. To achieve this I’ve added an `id` attribute for each field which is same value as the `[data-setting-name]` attribute. So now we can use this as an anchor. Like: `/u/username/preferences/profile#user-bio`

You can inspect these with right click the setting title and check the `id`. In this case the `setting` value should be `user-username`. This setting is and optional field so leave it empty will redirect to page, not setting.

 ![Screenshot 2024-11-28 at 18.15.28](https://global.discourse-cdn.com/meta/original/4X/a/f/f/aff0d21ebc55cf17d5deed41e8bd1b40526ad584.png)

* * *

#### User pages menu links setting

With `profile links` setting you can add these quick links.

 ![Screenshot 2024-11-29 at 15.09.48](https://global.discourse-cdn.com/meta/original/4X/d/a/b/dab39cd62ca9ecef04172fb2e83aba5cb8124df4.png)

1. icon (fontawesome icon) _required_
2. label (the label of the link) _required_
3. page (which page do you want to be redirected to)
  - account
  - security
  - profile
  - emails
  - notifications
  - tracking
  - users
  - interface

4. setting (which setting field do you want to be redirected to) _optional_

> **Here are some setting field to use.**
>
> - account
> 
> - profile
> 
> - interface

* * *

### User menu Custom Profile tab

With `enabled user menu tab` setting you can enable this custom profile tab. This tab is a recreation of the default Profile tab.

 ![Screenshot 2024-11-30 at 9.35.29](https://global.discourse-cdn.com/meta/original/4X/f/9/a/f9adb5c0ea3c7bf613edd70f9a7b6ba196e5c825.png)

**What does it do?**

- hide default profile tab in user menu
- adds custom profile tab in user menu to the top
  - the tab icon is changeable with the `user menu tab icon` setting

- adds custom items under preferences button
  - these items changeable with the `profile menu preference items` setting

- adds custom extra items before log out button
  - these items changeable with the `profile menu extra items` setting

#### Custom Profile tab settings

For the preferences items (which is under the Preferences button) with the `profile_menu_preference_items` you can change add/remove…

 ![Screenshot 2024-11-29 at 15.10.37](https://global.discourse-cdn.com/meta/original/4X/c/1/c/c1c22fde3abb249ebbd1fa967d0cc5ec18fdd84c.png)

1. icon (fontawesome icon) _optional_
2. label (the label of the link) _required_
3. page (which page do you want to be redirected to)
  - account
  - security
  - profile
  - emails
  - notifications
  - tracking
  - users
  - interface

4. setting (which setting field do you want to be redirected to) _optional_

> **Here are some setting field to use.**
>
> - account
> 
> - profile
> 
> - interface

* * *

The extra items can be placed above the Log Out button with `profile menu extra items` setting.

 ![Screenshot 2024-11-29 at 15.11.52](https://global.discourse-cdn.com/meta/original/4X/4/1/a/41a96ae7ef912f04b58723c12f28b7734a5c8663.png)

1. icon (fontawesome icon) _optional_
2. label (the label of the link) _required_
3. url (which url do you want to be redirected to) _required_

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [November 27, 2024, 6:01am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/2 "2024-11-27T06:01:59Z")

</div>

Hallelujah!!! Finally someone has tackled this - in my opinion, this is one of the biggest issues for new users of Discourse.

One thing I notice is that it is still several clicks to get to it via the avatar top right. This is the intuitive place for new users to go.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 27, 2024, 2:19pm UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/3 "2024-11-27T14:19:35Z")

</div>

Hey @nathank 👋 I think it’s a great idea to find a quicker path. I’ve added it to user menu tab.

> [@Don](#):
>
> It also can be placed in the user menu.  
> Which you can enable with a setting. `enabled user menu tab`
> 
> ![Screenshot 2024-11-27 at 15.10.45](https://global.discourse-cdn.com/meta/original/4X/e/b/c/ebcf498e6d66bd05a7f2864ae814552c61dfb7fb.png)
> 
> default setup ☝

[https://github.com/VaperinaDEV/quick-profile-links-menu/pull/2](https://github.com/VaperinaDEV/quick-profile-links-menu/pull/2)

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [November 27, 2024, 9:17pm UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/4 "2024-11-27T21:17:56Z")

</div>

Wow! Nice work!

But I think we could go further, with the concept of altering the core/standard focus of the Avatar menu from **Notifications (with a profile afterthought)** to **Profile + Notifications** (what I think it should be). We do already have a Profile tab, but this isn’t very prominent:

 ![Profile tab of the Avatar menu](https://global.discourse-cdn.com/meta/original/4X/b/5/8/b588f0bdf6b208df6eaa5e34759f5f45216a33cd.png)

A way this could be achieved:

1. Utilise the existing Profile tab on the Avatar menu
2. Put that tab up the top (i.e. where the edit icon for the quick profile links is now)
3. Allow the admin to customise the Profile tab’s menu

I guess the easy way would be to simply hide the existing Profile tab and recreate it using the TC. The Logout button is the only tricky bit, and might require a bit of code (there is an existing TC for that). The Online and Pause notifications bit are a bit fancy too.

Maybe it would be easier to shuffle the Tab and add / subtract from it though. What do you think?

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [November 27, 2024, 9:25pm UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/5 "2024-11-27T21:25:13Z")

</div>

wow, nice work Don. This is a great addition. Thanks! 🙂 👏

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 28, 2024, 5:13am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/7 "2024-11-28T05:13:37Z")

</div>

I have a concept for something like this.  
I think it maybe a good idea to separate the settings.

1. move profile to the top
2. hide Preferences
3. remove border top

 ![Screenshot 2024-11-28 at 6.07.19](https://global.discourse-cdn.com/meta/original/4X/0/8/5/085073304d793975a20246458d0e88c2d6cff647.png)

1. change the custom tab icon to gear by default
2. add border bottom to separate from notifications
3. add `view all settings` button to bottom (redirect to `/my/preferences/account`)

 ![Screenshot 2024-11-28 at 6.09.09](https://global.discourse-cdn.com/meta/original/4X/e/3/8/e38eceba57c1bc420a0270d6599eeed162f86e33.png)

What do you think?

---

<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: [November 28, 2024, 6:54am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/8 "2024-11-28T06:54:25Z")

</div>

But user settings are less and rarely used. I’m not sure if it’s place should be the first, no matter what is selected by default.

---

<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: [November 28, 2024, 7:46am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/9 "2024-11-28T07:46:42Z")

</div>

The components you develop are a sight to behold every time haha

---

<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: [November 28, 2024, 7:56am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/10 "2024-11-28T07:56:48Z")

</div>

How do I find right value for `setting`?

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [November 28, 2024, 8:55am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/11 "2024-11-28T08:55:07Z")

</div>

> [@Don](#):
>
> I have a concept for something like this.  
> I think it maybe a good idea to separate the settings

That is a pretty damn good way to sort it! Keeps it clean and simple.

However, I would (quite strongly) prefer it all rolled into the one Profile tab, as Summary and Activity are both firmly Profile links too - and this ends up splitting the links relating to the user into two tabs a bit unnecessarily.

Is it possible to hook into the Profile tab?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 28, 2024, 5:36pm UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/12 "2024-11-28T17:36:17Z")

</div>

> [@Jagster](#):
>
> How do I find right value for `setting`?

You can find in OP and you can also inspect it with right click the setting title and check it here the `id`. In this case the `setting` value should be `user-username` but I think I will make it optional field so that will be possible to redirect to page without adding setting.

 ![Screenshot 2024-11-28 at 18.15.28](https://global.discourse-cdn.com/meta/original/4X/a/f/f/aff0d21ebc55cf17d5deed41e8bd1b40526ad584.png)

* * *

> [@nathank](#):
>
> However, I would (quite strongly) prefer it all rolled into the one Profile tab, as Summary and Activity are both firmly Profile links too - and this ends up splitting the links relating to the user into two tabs a bit unnecessarily.
> 
> Is it possible to hook into the Profile tab?

Little update here:

I agree with you.

1. I’ve recreated the profile tab and add quick links to it.
2. hide the default profile tab
3. change the custom tab icon to user

This is how it looks like now.

 ![Screenshot 2024-11-28 at 18.39.56](https://global.discourse-cdn.com/meta/original/4X/2/5/f/25f2ca4cef1930cecd47084ff337f7dd5e8eebf8.png)  

I’ve enabled a preview to this in theme creator: [https://discourse.theme-creator.io/theme/Don/quick-profile-links-test](https://discourse.theme-creator.io/theme/Don/quick-profile-links-test)

---

<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: [November 28, 2024, 5:43pm UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/13 "2024-11-28T17:43:54Z")

</div>

I like that page-plan, because for that I use. Well, profile picture is another story.

I was afraiding that right click thingy 😂 Just because I work almost totally with words, I haven’t used my laptop since last may, I reckon. But no can do, it’s just and only my choise. I have a console on iPad, though. I just didn’t know what to looking for. Now I know. Thanks!

---

<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: [November 28, 2024, 5:50pm UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/14 "2024-11-28T17:50:50Z")

</div>

> [@Don](#):
>
> I’ve recreated the profile tab and add quick links to it

It will be quite tight, no? Because it looks this now on the real life:

 ![The image shows a mobile application interface with Finnish text and various menu options, including settings, notifications, and user profile information. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/1/1/c/11cd735f7c6914a1a534184e7477362d3c56d652.jpeg)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 29, 2024, 11:27am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/15 "2024-11-29T11:27:07Z")

</div>

I’ve changed the buttons padding, use smaller font size to preferences sub items etc… so the items are less height then before and also I made it scrollable this tab content. I merge this now with some update…

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 29, 2024, 11:27am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/16 "2024-11-29T11:27:44Z")

</div>

**Update** 🎉  
I’ve updated the OP too.

This update hide the default Profile tab and adds a custom Profile tab in user menu with the ability to adds custom items under Preferences item and also can be adds custom items places before the Log Out button.

### Custom Profile tab in user menu

Controlled by `enabled_user_menu_tab` setting.

- hide default profile tab in user menu
- adds custom profile tab in user menu to the top
  - the tab icon is changeable with the `user_menu_tab_icon` setting

- adds custom items under preferences button
  - these items changeable with the `profile_menu_preference_items` setting

- adds custom extra items before log out button
  - these items changeable with the `profile_menu_extra_items` setting

### Settings

- `profile_menu_preference_items` and `profile_menu_extra_items` the icon field is optional now.
- `profile_links` and `profile_menu_preference_items` the setting field is optional now, which means it can adds links to redirect to page, not setting.

 ![Screenshot 2024-11-29 at 12.19.10](https://global.discourse-cdn.com/meta/original/4X/1/c/5/1c589f995c9209d7194ee3449005b2174e7b8c23.png)

* * *

[https://github.com/VaperinaDEV/quick-profile-links-menu/pull/3](https://github.com/VaperinaDEV/quick-profile-links-menu/pull/3)

---

<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: [November 29, 2024, 11:31am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/17 "2024-11-29T11:31:58Z")

</div>

> [@Don](#):
>
> the items are less height

~~That will be huge UX-issue on mobiles plus every touch screens 🤷‍♂️~~

~~Hate to say this, but then direction is toward desktop-only.~~

I was wrong on that concern. Sure, it is full populated now, but it works just fine.

---

<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: [November 29, 2024, 11:51am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/18 "2024-11-29T11:51:59Z")

</div>

But what should disabling `enabled user menu tab` do? I thought that previous pencil tab would pop up, but no.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 29, 2024, 11:53am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/19 "2024-11-29T11:53:18Z")

</div>

> [@Jagster](#):
>
> But what should disabling `enabled user menu tab` do?

The whole user menu custom profile feature. If you disable it then it won’t do anything with user menu.

---

<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: [November 29, 2024, 11:54am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/20 "2024-11-29T11:54:49Z")

</div>

Yeah, when enabled. But when disabled it is basically same thing than disabling whole component 🤔

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 29, 2024, 11:56am UTC](https://meta.discourse.org/t/quick-profile-links-menu/338591/21 "2024-11-29T11:56:10Z")

</div>

Nope, if you disabled then only the users page quick links menu will appears.

[Next page](https://meta.discourse.org/t/quick-profile-links-menu/338591.md?page=2)
