Restringir el banner de bienvenida a la página de inicio del usuario

[Discoursenaut]

Tengo un usuario que pregunta si es posible restringir el banner solo a la página de inicio, de modo que si tienen los últimos marcados, no se muestre. Actualmente, parece mostrarse en ambas instancias.

[Canapin (Coin-coin le Canapin)]

@Discoursenaut

¿Es posible restringir el banner solo a la página de inicio?

Sí, está en la configuración del banner de enlace de bienvenida:

@Discoursenaut

entonces si tienen “latest” marcado como favorito, ¿no se muestra?

¿Quieres decir si configuran una página personalizada (latest, categories, lo que sea) como su página de inicio en su propio perfil?
Entonces esta página arbitraria se considera la “página de inicio” para el usuario, y por lo tanto, el banner de bienvenida aparecerá en su nueva página de inicio.

Si la página de inicio predeterminada de tu sitio es /categories y quieres que el banner de bienvenida aparezca solo en /categories, independientemente de las preferencias de interfaz de los usuarios, tal vez podrías configurar mostrar en como “discovery” o “all” y usar javascript para ocultar el banner de bienvenida en otras páginas que no sean la que quieres mostrar.

Pero actualmente no sé cómo identificar de manera confiable la página actual en la que estamos (incluyendo cuando cargamos una página por primera vez y cuando cambiamos de página) para ocultar dinámicamente el Banner de Bienvenida.

Estaré encantado de intentarlo más tarde (), pero tal vez esto podría ser un comienzo:

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, muchas gracias, sí, algunos de mis líderes comunitarios que tienen la disposición predeterminada configurada en la más reciente, preferirían que el banner solo apareciera en la página de categorías, por ejemplo. Revisaré el enlace que compartiste.

[Canapin (Coin-coin le Canapin)]

De acuerdo, aquí tienes una solución que funciona. En mi ejemplo, el Banner de Bienvenida se mostrará solo en la página /latest, independientemente de la configuración de la interfaz de los usuarios. Te dejaré personalizarlo para que se muestre solo en la página /categories.

1. Establece la configuración mostrar en del Banner de Enlace de Bienvenida en “all” o “discovery”, dependiendo de la(s) página(s) en la(s) que desees que se muestre el banner.

2. Añade este script en tu tema:

   <script type="text/discourse-plugin" version="1.4.0">
       // muestra el banner de bienvenida solo en la página /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. Añade este CSS a tu tema:

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

---

Referencia utilizada:

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]

¡Gracias por esto, muchísimas gracias!