Versatile Banner

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.

4 Mi Piace

I’m using the component settings to only show the banner on specific pages. I came across two glitches in the css:

  • the banner adds a top margin on pages where it’s not supposed to be shown
  • the banner is displayed unstyled while the page is loading

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.

2 Mi Piace

hello @tshenry
is it possible to make the icons bigger?

1 Mi Piace

Mi sembra che questa possa essere una FAQ più generale, ma mi chiedevo come fornire grafiche diverse per gli utenti desktop e mobile?

1 Mi Piace

Dove speri di far apparire questi elementi grafici? Ci sono sicuramente modi per visualizzare condizionatamente le cose in base allo stato desktop/mobile, ma l’approccio da adottare dipenderà da ciò che stai cercando di fare.

1 Mi Piace

Sto usando un banner versatile per recapitare un messaggio di Natale, inclusa una grafica, quindi voglio essere in grado di farlo nel contesto di un banner versatile.

1 Mi Piace

Hmm, in that case you might be able to add something like the following to one of the Versatile Banner’s “content” settings:

<div class="xmas-banner-image"></div>

And then add some CSS to your main theme or a new component. Here’s an example where you can replace LINK_TO_MOBILE_IMAGE with the actual image link:

.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;
}

You’ll have to tinker with the CSS, but hopefully that gets you started.

3 Mi Piace

Molto bene. Avevo la sensazione che sarebbe stata necessaria una soluzione CSS. Grazie per aver dedicato del tempo a fornire un punto di partenza.

3 Mi Piace

Vorrei usarlo per puntare specificamente a “/latest?assigned=”, da utilizzare in combinazione con il plugin Discourse Assign, in modo da poter aggiungere un pulsante per gli argomenti assegnati a Tutti, Me e Nessuno.

Tuttavia, questo non funziona - presumo sia il “?”, dato che “/latest” funziona. Avete suggerimenti su come far apparire questo banner solo per queste pagine/visualizzazioni?

Inoltre, anche selezionando solo “/latest”, il banner appare anche nella home page. Come posso evitare che ciò accada? Non ho visto la casella di controllo per visualizzare nella home page nelle impostazioni.

Infine, c’è un modo per rendere l’icona cliccabile? Sembra che solo il testo sotto l’icona lo sia.

1 Mi Piace

Queste sarebbero personalizzazioni più complesse che dovresti aggiungere a un componente separato. C’è un esempio su come riaprire uno dei widget e modificarne il comportamento qui: Versatile Banner - #158

Per le icone, immagino che potresti anche provare a creare una soluzione CSS. Potresti potenzialmente aggiungere un elemento anchor alle impostazioni del contenuto della colonna e stilizzarlo per sovrapporre l’immagine.

3 Mi Piace

Grazie mille! Sono sicuro che riuscirò a capire da qui.

2 Mi Piace

C’è un modo per visualizzare in anteprima un banner versatile senza prima abilitare il tema? :thinking:

Vorrei vedere come appare prima di svelarlo al mondo (e poi scoprire un errore imbarazzante) :slight_smile:

2 Mi Piace

Tengo una droplet de desarrollo para los cambios. $5 al mes y puedo ver si algo sale mal antes de que rompa algo, ¡jaja!

Supongo que puedo hacer lo mismo en localhost. Dicho esto, voy a crear una VM para eso y ahorrarme los $5 al mes, ¡jaja!

5 Mi Piace

Hmm, non ci avevo pensato :thinking:

E in aggiunta all’annuncio di oggi potrei fare proprio questo, ma su un Raspberry Pi :smiley:

5 Mi Piace

Qualcuno è riuscito a far funzionare questo banner sopra il componente della barra di ricerca?

Finora sono riuscito a metterlo solo sotto la barra di ricerca :sneezing_face:

1 Mi Piace

Ho installato entrambi sul mio sito di test e posso scambiare la posizione selezionando l’impostazione swap default positioning in Versatile Banners. Potrebbe funzionare anche per te?

2 Mi Piace

Hmmm… è strano… forse pensi che sia un’impostazione per il componente della barra di ricerca… ho selezionato “below-site-header” per la mia barra di ricerca.

Quali sono le impostazioni della tua barra di ricerca?

1 Mi Piace

Con below-site-header per il Banner di Ricerca, posso alternare il Banner Versatile sopra o sotto utilizzando l’impostazione swap default positioning.

Se ho la presa del plug-in del Banner di Ricerca impostata su above-main-container, allora il Banner Versatile è sempre in cima, indipendentemente dal fatto che io selezioni o meno lo scambio.

(Le modifiche vengono visualizzate al refresh della pagina)

4 Mi Piace

Ho appena lanciato il mio forum e sono ancora sul piano ospitato.
Adoro questo banner, ho solo una domanda…
Mi piacerebbe avere una modalità scura e una modalità chiara (cioè, schemi di colori diversi e immagine/colore di sfondo diversi) - c’è un’impostazione che mi manca o un modo per realizzarlo?

4 Mi Piace

Ho installato il componente del tema due volte, e ho chiamato uno Luce e l’altro Buio, e poi ho collegato quello Luce al mio tema Luce, e quello Buio al mio tema Buio. :+1:

Anche se quello Luce non scambia la palette di colori quando è impostato l’ID dello schema di colori della modalità buio predefinita, quindi non è perfetto al 100%.

1 Mi Piace