Custom user menu tab

This theme component allows you to add a custom tab containing links in the user dropdown menu.

Settings

You can customize the tab’s icon, set links to be visible to users/moderators/admins, and set a custom icon for each link.

Install this theme component

49 Me gusta

@awesomerobot, is it possible to request to have a menu item only showing to a specific group/tl ?

8 Me gusta

Yeah definitely possible, currently the component does:

 if (this.currentUser.moderator) {
          parseTabSettings(settings.moderator_only_tab_links);
          return items;
        }

…swap out this.currentUser.moderator to check for a group membership… and then settings.moderator_only_tab_links would be swapped out for the specific links for that group.

I can look into adding a setting that accepts various group names and links when I get a chance.

7 Me gusta

Thank you for the component. It is very helpful. A minor request - when I hover on the newly created tab, there is no description and there is no place to add a description.
Image from Gyazo

Am I missing something?

3 Me gusta

You’re not missing something, there was no way to add a description. I’ve just added the ability to add one, so if you update the component you should see the option at the bottom of the component’s settings.

8 Me gusta

Hi Kris :slightly_smiling_face: This is awesome :heart_eyes: thank you!

I have a question is that possible somehow to add target blank to the tab link? I have some extra part which points outside of the forum.

Thanks again! :slightly_smiling_face: Have a nice day! :heart:

1 me gusta

Not to overload the requests, but Don’s request got me thinking about other enhancements. If it could, for example, position the custom tab icon to the rightmost, change the color of the icon and the tab’s background, with blank target links to my sister sites, it could replace my current horizontal header links… I mention different color of icon & background because that would help distinguish the menu separately from the current site.

Hola Kris. ¿Hay alguna posibilidad de que esto se añada a la configuración de los tc? Actualmente estamos buscando implementar este menú adicional para nuestros usuarios premium :slight_smile:

4 Me gusta

Hola @awesomerobot, estamos deseando implementar esta función. ¿Aceptan PRs si contratamos a un desarrollador para añadir la función al repositorio oficial?

2 Me gusta

Me encantó este componente, pero supongo que no es compatible con la configuración del nuevo menú de usuario. ¿Hay planes para un componente similar para personalizar el nuevo menú?

2 Me gusta

Han surgido algunas ideas… tal vez sea algo que un administrador o incluso un usuario pueda personalizar directamente sin un componente, pero todavía estamos experimentando con la versión inicial y otros conceptos antes de considerar seriamente cómo funcionaría eso.

Así que, una vez que comencemos a hacer que el nuevo menú de usuario sea el predeterminado, podría tener sentido crear un nuevo componente si la gente echa de menos esta funcionalidad. ¿Sería esto también algo que tendría más sentido como una sección de barra lateral personalizada en lugar de una pestaña del menú de usuario?

4 Me gusta

En realidad, me resultaría muy útil si hubiera opciones similares para personalizar ambos (a través de un componente temático o en el backend). Así, como administrador, podría eliminar o agregar secciones de cualquiera de los dos y los elementos no se repetirían en el otro componente.

Por ejemplo, me gustaría configurar un menú reducido (pero con la pestaña de administrador) en algunas comunidades:

Entonces no necesitaría una sección de Administrador en la barra lateral. O Marcadores. Mientras que en otros casos podría tener sentido tenerlos allí.

4 Me gusta

Gracias por esta genial función.
He estado intentando añadir un nuevo icono, pero parece que me falta algo.
Funciona con star y baby, pero no con iconos de font awesome.


2 Me gusta

Todavía no estamos en Font Awesome 6, así que necesitarás buscar en el conjunto de la versión 5 los iconos disponibles aquí: Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

Parece que ese icono se renombró a shop en la versión 6, pero existía en la versión 5 con un nombre diferente: store-alt. ¡Así que si actualizas additional icons y custom tab icon para usar store-alt debería funcionar!

3 Me gusta

Descargué este tema para poder editar el menú desplegable del perfil de usuario. El problema es que no sé cómo aplicar los cambios. Solo tiene una opción de vista previa en la parte inferior y ningún lugar para guardar. Intenté pedir ayuda en la publicación del tema, pero mi publicación fue eliminada por alguna razón. ¡Cualquier ayuda sería muy apreciada!

Seguí las instrucciones e hice mi nuevo elemento de menú así:

Luego lo previsualicé para confirmar que funciona así:

¡Pero luego no hay dónde aplicar/guardar los cambios! ¿Me falta algo sobre la forma en que funcionan los temas? ¿Tengo que editar el código del repositorio? Perdón por ser tonto, soy muy nuevo en esto.

1 me gusta

¿Añadiste el componente de tema a tu tema?

2 Me gusta

¡Eso lo solucionó, gracias! :slight_smile:

2 Me gusta