Me temo que instalar este componente varias veces no funcionará. En este momento, tu mejor opción es probablemente pagar a alguien para que te cree una solución personalizada a través de Marketplace.
Solo he tenido tiempo de atender los informes de errores de este componente durante un tiempo, pero en el próximo año o dos, planeo realizar una reestructuración importante que, con suerte, facilitará aún más versatilidad.
Estoy utilizando la configuración del componente para mostrar el banner solo en páginas específicas. Me encontré con dos errores en el CSS:
el banner añade un margen superior en páginas donde no debería mostrarse
el banner se muestra sin estilo mientras la página se carga
Para suprimir ambos, debo declarar .banner-box {display: none;} y luego añadir declaraciones de display para las páginas específicas donde debe mostrarse.
¿Dónde esperas que aparezcan estos gráficos? Definitivamente hay formas de mostrar cosas condicionalmente según el estado de escritorio/móvil, pero el enfoque a seguir dependerá de lo que estés intentando hacer.
Estoy usando un banner versátil para entregar un mensaje navideño, incluyendo un gráfico, así que quiero poder hacer esto dentro del contexto del banner versátil.
Hmm, en ese caso, podrías agregar algo como lo siguiente a una de las configuraciones de “contenido” del Versatile Banner:
<div class="xmas-banner-image"></div>
Y luego agregar algo de CSS a tu tema principal o a un nuevo componente. Aquí tienes un ejemplo en el que puedes reemplazar LINK_TO_MOBILE_IMAGE con el enlace de imagen real:
Me gustaría usar esto para apuntar específicamente a “/latest?assigned=”, para usarlo junto con el plugin Discourse Assign, para poder agregar un botón para temas asignados a Todos, Yo y Nadie.
Sin embargo, esto no funciona; supongo que es el “?”, ya que “/latest” funciona. ¿Alguna sugerencia sobre cómo hacer que este banner solo se muestre en estas páginas/vistas?
Además, incluso con solo “/latest” seleccionado, el banner también se muestra en la página de inicio. ¿Cómo puedo evitar que esto suceda? No vi la casilla para mostrar en la página de inicio en la configuración.
Finalmente, ¿hay alguna forma de hacer que el ícono sea clicable? Parece que solo el texto debajo del ícono lo es.
Estas serían personalizaciones más complejas que necesitarías agregar a un componente separado. Aquí tienes un ejemplo de cómo reabrir uno de los widgets y ajustar el comportamiento: Versatile Banner - #158
Para los iconos, supongo que también podrías intentar una solución CSS. Potencialmente podrías agregar un elemento de anclaje a la configuración del contenido de la columna y estilizarlo para que se superponga a la imagen.
Tengo ambos instalados en mi sitio de prueba, y puedo intercambiar la posición marcando la configuración swap default positioning en Versatile Banners. ¿Podría eso funcionar para ti también?
Hmmm… esto es raro… tal vez pienses que es una configuración para el componente de la barra de búsqueda… tengo marcada la opción “below-site-header” para mi barra de búsqueda.
Con below-site-header para el Banner de Búsqueda, puedo alternar el Banner Versátil arriba o abajo usando la configuración swap default positioning (intercambiar posición predeterminada).
Si tengo el punto de conexión del Banner de Búsqueda configurado en above-main-container (arriba del contenedor principal), entonces el Banner Versátil siempre está encima, ya sea que marque o no el intercambio.
Acabo de lanzar mi foro y todavía estoy en el plan alojado.
Me encanta este banner, solo tengo una pregunta…
Me encantaría tener un modo oscuro y un modo claro (es decir, diferentes esquemas de color y diferentes imágenes/colores de fondo), ¿hay alguna configuración que me esté perdiendo o alguna forma de lograr esto?
Instalé el componente de tema dos veces, y nombré uno Luz y el otro Oscuro, y luego adjunté el de Luz a mi tema de Luz, y el de Oscuro a mi tema Oscuro.
Sin embargo, el de Luz no cambia la paleta de colores cuando se establece el id del esquema de color del modo oscuro predeterminado, por lo que no es 100% perfecto.