Mostrar logo de encabezado diferente según categoría?

Desarrollador
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

Yo también tuve este problema recientemente. Me doy cuenta de que este es un tema antiguo, pero aquí hay una solución en caso de que alguien se encuentre con él.

Puedes usar CSS y utilizar las clases en el elemento body para detectar en qué categoría te encuentras.

// No mostrar el logo normal del sitio
body.category-something #site-logo {
    display: none;
}

// Mostrar otra imagen en el título
body.category-something .home-logo-wrapper-outlet {
    height: 50px;
    width: 100px;
    background-image: url($category-something-image);
}

Espero que tenga sentido :slight_smile:

5

Creo que necesitarías poner tu imagen en el elemento <a>, de lo contrario, el enlace del logo simplemente colapsará.

// Muestra otra imagen en el título
body.category-something .d-header .title a {
  ...
}
6

Ah, claro, me estaba centrando principalmente en los selectores CSS. Gracias por corregirlo.

1 me gusta