Anderes Header-Logo je nach Kategorie anzeigen?

Entwickler
1

Gibt es eine Möglichkeit, im Header (oben links) ein anderes Hauptlogo anzuzeigen, wenn man Threads in einer bestimmten Kategorie oder deren Unterkategorien durchsucht? Vielen Dank.

2

Ich gehe davon aus, dass das body-Element eine Klasse category-{hier Kategorie einfügen} enthält, die Sie verwenden können, um kategoriespezifisches CSS anzupassen.

3

Ich weiß nicht, wie man ein Skript nach dem Laden des Seiteninhalts ausführt (das interessiert mich auch!), aber um das Logo-Bild zu ändern, könntest du Folgendes tun:

// in einer Bedingung wie if category == "somecategory" then…
document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1;

wobei logo_cat1 der Variablenname eines benutzerdefinierten Logos ist:
image

4

Ich hatte kürzlich dasselbe Problem. Mir ist bewusst, dass dies ein altes Thema ist, aber hier ist eine Lösung, falls jemand darauf stößt.

Sie können CSS verwenden und die Klassen im body-Element nutzen, um zu erkennen, in welcher Kategorie Sie sich befinden.

// Reguläres Website-Logo nicht anzeigen
body.category-something #site-logo {
    display: none;
}

// Ein anderes Bild im Titel anzeigen
body.category-something .home-logo-wrapper-outlet {
    height: 50px;
    width: 100px;
    background-image: url($category-something-image);
}

Ich hoffe, das ergibt Sinn :slight_smile:

5

Ich glaube, Sie müssten Ihr Bild in das <a>-Element einfügen, sonst bricht der Logo-Link zusammen.

// Zeigt ein weiteres Bild im Titel an
body.category-something .d-header .title a {
 ...
}
6

Ah, richtig, ich habe mich hauptsächlich auf die CSS-Selektoren konzentriert. Danke für die Korrektur.