Anderes Header-Logo je nach Kategorie anzeigen?

Entwickler
1

Is there a way to show a different main logo in the header (top left) when browsing threads within a certain category or their sub categories? Thank you.

2

I believe the body includes a class category-{category here}, which you could use to change category specific CSS.

3

I don’t know how to execute a script after the page content have loaded (I’m interested to know that too!), but for changing the logo image, you could do this:

// in a condition like if category == "somecategory" then…
document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1;

where logo_cat1 is the variable name of a custom logo:
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.

1 „Gefällt mir“