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 Mi Piace

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

8 Mi Piace

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 Mi Piace

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 Mi Piace

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 Mi Piace

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 Mi Piace

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.

Ciao Kris. C’è qualche possibilità che venga aggiunta alle impostazioni del tc? Stiamo attualmente cercando di implementare questo menu aggiuntivo per i nostri utenti premium :slight_smile:

4 Mi Piace

Ehi @awesomerobot, non vediamo l’ora di implementare questa funzionalità. Accettate PR se assumiamo uno sviluppatore per aggiungere la funzionalità al repository ufficiale?

2 Mi Piace

Ho adorato questo componente, ma immagino non sia compatibile con la configurazione del nuovo menu utente? Ci sono piani per un componente simile per personalizzare il nuovo menu?

2 Mi Piace

Sono emerse alcune idee… forse è qualcosa che un amministratore o persino un utente può personalizzare fin da subito senza un componente, ma stiamo ancora sperimentando la versione iniziale e altri concetti prima di considerare seriamente come ciò potrebbe funzionare.

Quindi, una volta che renderemo il nuovo menu utente predefinito, potrebbe avere senso creare un nuovo componente se le persone sentono la mancanza di questa funzionalità. È anche qualcosa che potrebbe avere più senso come sezione personalizzata della barra laterale piuttosto che come scheda del menu utente?

4 Mi Piace

In realtà, lo troverei più utile se ci fossero opzioni simili per personalizzare entrambi (tramite un componente del tema o sul backend) in modo che io, come amministratore, possa rimuovere o aggiungere sezioni da uno o dall’altro e gli elementi non vengano ripetuti sull’altro componente.

Ad esempio, potrei voler configurare un menu ridotto (ma con la scheda admin) su alcune community:

Quindi non avrei bisogno di una sezione Admin nella barra laterale. O Segnalibri. Mentre in altri casi potrebbe avere senso averli lì.

4 Mi Piace

Grazie per questa fantastica funzionalità.
Ho provato ad aggiungere una nuova icona, ma sembra che mi manchi qualcosa.
Funziona con stella e bambino, ma non con le icone di font awesome.


2 Mi Piace

Non siamo ancora su Font Awesome 6, quindi dovrai cercare nel set della versione 5 le icone disponibili qui: Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome

Sembra che quell’icona sia stata rinominata shop nella versione 6, ma esisteva nella versione 5 con un nome diverso: store-alt. Quindi, se aggiorni additional icons e custom tab icon per utilizzare store-alt, dovrebbe funzionare!

3 Mi Piace

Ho scaricato questo tema per poter modificare il menu a discesa del profilo utente. Il problema è che non so come confermare le modifiche. Ha solo un’opzione di anteprima in basso e nessun posto dove salvare. Ho provato a chiedere aiuto sul post del tema, ma il mio post è stato rimosso per qualche motivo. Qualsiasi aiuto sarebbe molto apprezzato!

Ho seguito le istruzioni e ho creato la mia nuova voce di menu in questo modo:

Quindi l’ho visualizzata in anteprima per confermare che funziona in questo modo:

Ma poi non c’è nessun posto dove confermare/salvare le modifiche! Mi manca qualcosa sul funzionamento dei temi? Devo modificare il codice del repository stesso? Scusa la mia stupidità, sono molto nuovo a questo.

1 Mi Piace

Hai aggiunto il componente tema al tuo tema?

2 Mi Piace

Ci è riuscito, grazie! :slight_smile:

2 Mi Piace