Afficher un logo d'en-tête différent selon la catégorie ?

Dev
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

J’ai récemment eu le même problème. Je sais que c’est un vieux sujet, mais voici une solution au cas où quelqu’un tomberait dessus.

Vous pouvez utiliser CSS et exploiter les classes de l’élément body pour détecter dans quelle catégorie vous vous trouvez.

// Ne pas afficher le logo normal du site
body.category-something #site-logo {
    display: none;
}

// Afficher une autre image dans le titre
body.category-something .home-logo-wrapper-outlet {
    height: 50px;
    width: 100px;
    background-image: url($category-something-image);
}

J’espère que cela a du sens :slight_smile:

5

Je pense que vous devriez placer votre image sur l’élément <a>, sinon le lien du logo s’effondrera.

// Afficher une autre image dans le titre
body.category-something .d-header .title a {
 ...
}
6

Ah, c’est vrai, je me concentrais surtout sur les sélecteurs CSS. Merci de m’avoir corrigé.

1 « J'aime »