Mostrar logotipo de cabeçalho diferente com base na categoria?

Dev
1

Existe alguma maneira de exibir um logotipo principal diferente no cabeçalho (canto superior esquerdo) ao navegar por tópicos dentro de uma determinada categoria ou de suas subcategorias? Obrigado.

2

Acredito que o body inclua uma classe category-{categoria aqui}, que você pode usar para alterar o CSS específico de cada categoria.

3

Não sei como executar um script após o conteúdo da página ter sido carregado (também estou interessado em saber!), mas para alterar a imagem do logotipo, você pode fazer o seguinte:

// em uma condição como if category == "somecategory" então…
document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1;

onde logo_cat1 é o nome da variável de um logotipo personalizado:
image

4

Eu também tive esse problema recentemente. Percebo que este é um tópico antigo, mas aqui está uma solução caso alguém se depare com ele.

Você pode usar CSS e utilizar as classes no elemento body para detectar em qual categoria você está.

// Não mostrar o logo regular do site
body.category-something #site-logo {
    display: none;
}

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

Espero que faça sentido :slight_smile:

5

Eu acho que você precisaria colocar sua imagem no elemento <a>, caso contrário, o link do logotipo simplesmente colapsará.

// Mostra outra imagem no título
body.category-something .d-header .title a {
  ...
}
6

Ah, certo, eu estava focando principalmente nos seletores CSS. Obrigado por corrigir isso.