Показывать разный логотип заголовка в зависимости от категории?

Разработка
1

Есть ли способ отображать другой основной логотип в шапке (в верхнем левом углу) при просмотре тем в определённой категории или её подкатегориях? Спасибо.

2

Я полагаю, что тег body содержит класс category-{здесь категория}, который вы можете использовать для изменения CSS, специфичного для категории.

3

Я не знаю, как выполнить скрипт после загрузки содержимого страницы (мне тоже интересно это узнать!), но для изменения логотипа вы можете сделать следующее:

// в условии, например, if category == "somecategory" then…
document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1;

где logo_cat1 — имя переменной для пользовательского логотипа:
image

4

У меня недавно возникла эта же проблема. Я понимаю, что тема старая, но вот решение на случай, если кто-то наткнётся на неё.

Вы можете использовать CSS и классы элемента body, чтобы определить, в какой категории вы находитесь.

// Скрыть обычный логотип сайта
body.category-something #site-logo {
    display: none;
}

// Показать другое изображение в заголовке
body.category-something .home-logo-wrapper-outlet {
    height: 50px;
    width: 100px;
    background-image: url($category-something-image);
}

Надеюсь, это понятно :slight_smile:

5

Полагаю, вам нужно добавить изображение на элемент <a>, иначе ссылка на логотип просто схлопнется.

// Показать другое изображение в заголовке
body.category-something .d-header .title a {
 ...
}
6

А, точно, я в основном сосредоточился на CSS-селекторах. Спасибо, что поправили.