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 „Gefällt mir“

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 „Gefällt mir“

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

1 „Gefällt mir“

Ich glaube, das ist eher eine allgemeine FAQ, aber ich frage mich, wie ich unterschiedliche Grafiken für Desktop- und Mobilfunkbenutzer bereitstellen kann?

1 „Gefällt mir“

Wo hoffen Sie, dass diese Grafiken erscheinen? Es gibt definitiv Möglichkeiten, Elemente bedingt basierend auf dem Desktop-/Mobilstatus anzuzeigen, aber der Ansatz hängt davon ab, was Sie tun möchten.

1 „Gefällt mir“

Ich verwende das vielseitige Banner, um eine Weihnachtsbotschaft zu übermitteln, einschließlich einer Grafik. Ich möchte dies im Kontext des vielseitigen Banners tun können.

1 „Gefällt mir“

Hmm, in diesem Fall könnten Sie etwas wie das Folgende zu einer der “content”-Einstellungen des vielseitigen Banners hinzufügen:


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

Und dann fügen Sie etwas CSS zu Ihrem Hauptthema oder einer neuen Komponente hinzu. Hier ist ein Beispiel, bei dem Sie LINK_TO_MOBILE_IMAGE durch den tatsächlichen Bildlink ersetzen können:

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

Sie müssen sich mit dem CSS beschäftigen, aber hoffentlich hilft Ihnen das weiter.

3 „Gefällt mir“

Sehr gut. Ich hatte das Gefühl, dass eine CSS-Lösung erforderlich sein würde. Vielen Dank, dass Sie sich die Zeit genommen haben, einen Ausgangspunkt zu liefern.

3 „Gefällt mir“

Ich möchte dies verwenden, um speziell „/latest?assigned=“ anzusprechen, das in Verbindung mit dem Discourse Assign Plugin verwendet werden soll, damit ich eine Schaltfläche für Themen hinzufügen kann, die Allen, Mir und Niemand zugewiesen sind.

Dies funktioniert jedoch nicht – ich gehe davon aus, dass es sich um das „?“ handelt, da „/latest“ funktioniert. Haben Sie Vorschläge, wie ich dieses Banner nur für diese Seiten/Ansichten anzeigen lassen kann?

Außerdem wird das Banner auch auf der Startseite angezeigt, selbst wenn nur „/latest“ ausgewählt ist. Wie kann ich das verhindern? Ich habe die Checkbox zum Anzeigen auf der Homepage in den Einstellungen nicht gesehen.

Schließlich gibt es eine Möglichkeit, das Symbol klickbar zu machen? Es scheint, dass nur der Text unter dem Symbol klickbar ist.

1 „Gefällt mir“

Dies wären komplexere Anpassungen, die Sie zu einer separaten Komponente hinzufügen müssten. Hier ist ein Beispiel, wie Sie eines der Widgets wieder öffnen und das Verhalten anpassen können: Versatile Banner - #158

Für die Symbole könnten Sie wahrscheinlich auch versuchen, eine CSS-Lösung zusammenzuflicken. Sie könnten möglicherweise ein Anker-Element zu den Spalteninhalts-Einstellungen hinzufügen und es so gestalten, dass es das Bild überlappt.

3 „Gefällt mir“

Vielen Dank! Ich bin sicher, dass ich es von hier aus herausfinden kann.

2 „Gefällt mir“

Gibt es eine Möglichkeit, ein vielseitiges Banner in der Vorschau anzuzeigen, ohne zuerst das Theme zu aktivieren? :thinking:

Ich würde gerne sehen, wie es aussieht, bevor ich es der Welt präsentiere (und dann einen peinlichen Fehler entdecke) :slight_smile:

2 „Gefällt mir“

Ich behalte einen Entwicklungs-Droplet für Änderungen. 5 $ pro Monat und ich kann sehen, ob etwas schief geht, bevor ich etwas kaputt mache, lol.

Ich gehe davon aus, dass ich dasselbe auf localhost tun kann. Das gesagt, ich werde eine VM dafür machen und die 5 $ pro Monat sparen, lol.

5 „Gefällt mir“

Hmm, daran habe ich nicht gedacht :thinking:

Und im Anschluss an die heutige Ankündigung werde ich genau das tun, aber auf einem Raspberry Pi :smiley:

5 „Gefällt mir“

Konnten Sie dieses Banner über der Suchleistenkomponente zum Laufen bringen?

Bisher konnte ich es nur unter der Suchleiste platzieren :sneezing_face:

1 „Gefällt mir“

Ich habe beide auf meiner Testseite installiert, und ich kann die Position wechseln, indem ich die Einstellung swap default positioning in Versatile Banners aktiviere. Könnte das auch für Sie funktionieren?

2 „Gefällt mir“

Hmmm… das ist seltsam… vielleicht denkst du, es ist eine Einstellung für die Suchleistenkomponente… ich habe “below-site-header” für meine Suchleiste aktiviert.

Was sind deine Suchleisteneinstellungen?

1 „Gefällt mir“

Mit below-site-header für das Suchbanner kann ich das vielseitige Banner mithilfe der Einstellung swap default positioning darüber oder darunter umschalten.

Wenn ich den Plugin-Outlet des Suchbanners auf above-main-container gesetzt habe, ist das vielseitige Banner immer oben, egal ob ich „swap“ ankreuze oder nicht.

(Änderungen werden nach einem Seiten-Refresh angezeigt)

4 „Gefällt mir“

Ich habe gerade mein Forum gestartet und bin noch im gehosteten Plan.
Ich liebe dieses Banner, ich habe nur eine Frage…

Ich würde gerne einen Dunkelmodus und einen Hellmodus haben (d. h. unterschiedliche Farbschemata und unterschiedliche Hintergrundbilder/-farben) – gibt es eine Einstellung, die ich übersehe, oder eine Möglichkeit, dies zu erreichen?

4 „Gefällt mir“

Ich habe die Theme-Komponente zweimal installiert und eine davon Light und die andere Dark genannt. Dann habe ich die Light-Komponente meinem Light-Theme und die Dark-Komponente meinem Dark-Theme zugeordnet. :+1:

Allerdings wechselt die Light-Komponente die Farbpalette nicht, wenn die default dark mode color scheme id gesetzt ist, daher ist es nicht 100% perfekt.

1 „Gefällt mir“