Mostrare logo header diverso in base alla categoria?

Sviluppatore
1

È possibile mostrare un logo principale diverso nell’intestazione (in alto a sinistra) quando si naviga nei thread di una determinata categoria o delle sue sottocategorie? Grazie.

2

Credo che il body includa una classe category-{categoria qui}, che puoi utilizzare per modificare il CSS specifico per categoria.

3

Non so come eseguire uno script dopo che il contenuto della pagina è stato caricato (anche a me interessa saperlo!), ma per cambiare l’immagine del logo, puoi fare così:

// in una condizione come if category == "somecategory" then…
document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1;

dove logo_cat1 è il nome della variabile di un logo personalizzato:
image

4

Ho recentemente avuto lo stesso problema. Mi rendo conto che questo è un argomento vecchio, ma ecco una soluzione nel caso qualcuno si imbatta in essa.

Puoi usare CSS e sfruttare le classi sull’elemento body per rilevare in quale categoria ti trovi.

// Non mostrare il logo del sito normale
body.category-something #site-logo {
    display: none;
}

// Mostra un'altra immagine nel titolo
body.category-something .home-logo-wrapper-outlet {
    height: 50px;
    width: 100px;
    background-image: url($category-something-image);
}

Spero abbia senso :slight_smile:

5

Penso che dovresti mettere la tua immagine sull’elemento <a>, altrimenti il link del logo semplicemente collasserà.

// Mostra un'altra immagine nel titolo
body.category-something .d-header .title a {
  ...
}
6

Ah, giusto, mi stavo concentrando principalmente sui selettori CSS. Grazie per avermelo fatto notare.