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

Desarrollador
1

¿Existe alguna forma de mostrar un logotipo principal diferente en la cabecera (esquina superior izquierda) al navegar por hilos dentro de una categoría determinada o de sus subcategorías? Gracias.

2

Creo que el body incluye una clase category-{aquí la categoría}, que podrías usar para cambiar el CSS específico de cada categoría.

3

No sé cómo ejecutar un script después de que el contenido de la página se haya cargado (¡también me interesa saberlo!), pero para cambiar la imagen del logotipo, puedes hacer lo siguiente:

// en una condición como if category == "somecategory" entonces…
document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1;

donde logo_cat1 es el nombre de la variable de un logotipo personalizado:
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.