I’m afraid installing this component multiple times will not work. Your best option at this point is likely to pay someone to build you a custom solution via the marketplace
I have only had time to address bug reports on this component for the past while, but in the next year or two, I plan to do a major overhaul that will hopefully facilitate even more versatility.
I’m using the component settings to only show the banner on specific pages. I came across two glitches in the css:
To supress both I have to declare .banner-box {display: none;} and then add display declarations for the specific pages where it’s supposed to show.
hello @tshenry
is it possible to make the icons bigger?
Sinto que esta pode ser uma FAQ mais geral, mas estou me perguntando como entregar gráficos diferentes para usuários de desktop e mobile?
Onde você espera que esses gráficos apareçam? Existem definitivamente maneiras de exibir coisas condicionalmente com base no status desktop/móvel, mas a abordagem a ser tomada dependerá do que você está tentando fazer.
Estou usando o versatile banner para entregar uma mensagem de Natal, incluindo um gráfico, então quero ser capaz de fazer isso no contexto do versatile banner.
Hmm, nesse caso, você pode conseguir adicionar algo como o seguinte a uma das configurações de “content” do Versatile Banner:
<div class="xmas-banner-image"></div>
E então adicionar algum CSS ao seu tema principal ou a um novo componente. Aqui está um exemplo onde você pode substituir LINK_TO_MOBILE_IMAGE pelo link real da imagem:
.mobile-view .xmas-banner-image {
background-image: url("LINK_TO_MOBILE_IMAGE");
height: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.desktop-view .xmas-banner-image {
background-image: url("LINK_TO_DESKTOP_IMAGE");
height: 200px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
Você terá que mexer no CSS, mas espero que isso te ajude a começar.
Muito bom. Eu tinha a sensação de que seria necessária uma solução CSS. Obrigado por dedicar tempo para fornecer um ponto de partida.
Gostaria de usar isso para direcionar especificamente “/latest?assigned=”, para ser usado em conjunto com o Discourse Assign plugin, para que eu possa adicionar um botão para tópicos atribuídos a Todos, Eu e Ninguém.
No entanto, isso não funciona - assumo que é o “?”, já que “/latest” funciona. Alguma sugestão sobre como fazer este banner aparecer apenas para essas páginas/visualizações?
Além disso, mesmo com apenas “/latest” selecionado, o banner também está aparecendo na página inicial. Como posso evitar que isso aconteça? Eu não vi a caixa de seleção para exibir na página inicial nas configurações.
Finalmente, existe uma maneira de tornar o ícone clicável? Parece que apenas o texto abaixo do ícone está.
Estas seriam personalizações mais complexas que você precisaria adicionar a um componente separado. Há um exemplo de como reabrir um dos widgets e ajustar o comportamento aqui: Versatile Banner - #158
Para os ícones, acho que você também poderia tentar uma solução de CSS. Você poderia potencialmente adicionar um elemento de âncora às configurações de conteúdo da coluna e estilizar para sobrepor a imagem.
Muito obrigado! Tenho certeza de que conseguirei resolver a partir daqui.
Existe uma maneira de visualizar um banner versátil sem ativar o tema primeiro? 
Gostaria de ver como ele fica antes de apresentá-lo ao mundo (e depois encontrar um erro embaraçoso) 
Eu mantenho um droplet de desenvolvimento para alterações. $5 por mês e posso ver se algo dá errado antes que eu quebre alguma coisa, lol.
Eu presumo que você pode fazer o mesmo no localhost. dito isso, vou criar uma VM para isso e economizar os $5 por mês, lol.
Hmm, eu não tinha pensado nisso
E complementando o anúncio de hoje, talvez eu faça exatamente isso, mas em um Raspberry Pi 
Alguém conseguiu fazer este banner funcionar em cima do componente da barra de pesquisa?
Até agora, só consegui colocá-lo debaixo da barra de pesquisa 
Eu tenho ambos instalados no meu site de teste e posso trocar a posição marcando a configuração swap default positioning no Versatile Banners. Isso poderia funcionar para você também?
Hmmm… isso é estranho… talvez você pense que é uma configuração para o componente da barra de pesquisa… eu tenho ‘abaixo do cabeçalho do site’ marcado para minha barra de pesquisa.
Quais são as configurações da sua barra de pesquisa?
Com below-site-header para o Search Banner, posso alternar o Versatile Banner acima ou abaixo usando a configuração swap default positioning.
Se eu tiver a saída do plug-in do Search Banner definida como above-main-container, o Versatile Banner estará sempre no topo, quer eu marque ou não a troca.
(As alterações são exibidas após a atualização da página)
Acabei de lançar meu fórum e ainda estou no plano hospedado.
Adorei este banner, tenho apenas uma pergunta…
Eu adoraria ter um modo escuro e um modo claro (ou seja, esquemas de cores diferentes e imagem/cor de fundo diferentes) - há alguma configuração que estou perdendo ou alguma maneira de conseguir isso?
Instalei o componente de tema duas vezes, nomeei um como Light e o outro como Dark, e então anexei o Light ao meu tema Light e o Dark ao meu tema Dark. 
Embora o Light não troque o esquema de cores quando o default dark mode color scheme id é definido, então não está 100% perfeito.
