Limita il banner di benvenuto alla homepage dell'utente

[Discoursenaut]

Ho un utente che chiede se sia possibile limitare il banner solo alla homepage, in modo che se ha “latest” nei preferiti non venga visualizzato? Attualmente sembra apparire in entrambi i casi.

[Canapin (Coin-coin le Canapin)]

@Discoursenaut

Ho un utente che chiede se è possibile limitare il banner solo alla homepage

Sì, è nelle impostazioni del banner del link di benvenuto:

@Discoursenaut

quindi se hanno l’ultima pagina aggiunta ai preferiti non viene visualizzata?

Intendi dire, se impostano una pagina personalizzata (latest, categories, whatever) come loro homepage nel loro profilo?
Allora questa pagina arbitraria è considerata come “homepage” per l’utente, e quindi il banner di benvenuto apparirà loro nella loro nuova homepage.

Se la homepage predefinita del tuo sito è /categories e vuoi che il banner di benvenuto appaia solo su /categories, indipendentemente dalle preferenze dell’interfaccia utente, forse potresti impostare mostra su su “discovery” o “all” e usare javascript per nascondere il banner di benvenuto su pagine diverse da quella su cui vuoi mostrarlo.

Ma al momento non so come identificare in modo affidabile la pagina corrente su cui ci troviamo (incluso quando carichiamo una pagina per la prima volta e quando cambiamo pagina) per nascondere dinamicamente il Welcome Banner.

Sarei felice di provare più tardi (), ma forse questo potrebbe essere un inizio:

Trigger javascript on clicking any page link, but before the page content loads?

Hey There’s currently no method in the Plugin-API that will allow you to fire a script before a page transition because this has not come up before as far as I recall. That said, you can leverage on the willTransition() action in the application route You would use something that like this in your theme / component // this fires after the transition api.onPageChange((url, title) => { console.log("after transition"); }); // this fires right before the transition api.modifyClass("r…

[Discoursenaut]

Ah, molti grazie, sì, alcuni dei miei leader della community che hanno impostato il layout predefinito su “latest” preferirebbero che il banner apparisse solo nella pagina delle categorie, ad esempio. Esaminerò il link che hai condiviso.

[Canapin (Coin-coin le Canapin)]

Va bene, ecco una soluzione funzionante. Nel mio esempio, il banner di benvenuto verrà visualizzato solo sulla pagina /latest, indipendentemente dalle impostazioni dell’interfaccia utente degli utenti. Ti lascerò personalizzarlo per visualizzarlo solo sulla pagina /categories.

1. Imposta l’impostazione mostra su del banner del link di benvenuto su “tutti” o “discovery”, a seconda delle pagine in cui desideri che il banner venga visualizzato.

2. Aggiungi questo script al tuo tema:

   <script type="text/discourse-plugin" version="1.4.0">
       // mostra il banner di benvenuto solo sulla pagina /latest
       api.onPageChange(() => {
           const router = api.container.lookup('service:router');
   
           if (router.currentRoute.name === 'discovery.latest') {
               document.body.classList.add('route-discovery-latest');
           } else {
               document.body.classList.remove('route-discovery-latest');
           }
       });
   </script>
   

3. Aggiungi questo CSS al tuo tema:

   body:not(.route-discovery-latest) .welcome-link-banner-connector {
      display: none;
   }
   

---

Riferimento utilizzato:

Is there a way to style the "Latest" page and "Top" page separately?

Yes, @manuel’s solution is a good approach for achieving things quite simply. Using window.location.href you may run into issues with getting the correct url due to Ember’s runloop anyways. To adjust what your doing into the more “Ember” approach would be to do something like this: <script type="text/discourse-plugin" version="1.1.0"> api.onPageChange(() => { const router = api.container.lookup('service:router'); if (router.currentRoute.name === 'discovery.top') { document.qu…

[Discoursenaut]

Grazie mille, grazie mille!