Скрипты готового решения автоматически определяют, на какой странице находится пользователь и помечают её соответсвующим тегом для того, чтобы было проще прописывать дополнительные скрипты и стили для этих страниц.
Вы можете добавлять дополнительные стили для разных страниц в одной теме. Для этого просто добавляйте в начало селектора элемента тег страницы.
Пример:
/* Обращение к заголовку на главной странице тренингов */
body.**isTrainingsPage** .page-header h1 {
color: tomato;
}
/* Обращение к заголовку на главной странице тренингов
и внутри самих тренингов/подтренингов/модулей, но не в уроках */
body.**isTrainingsPage** .page-header h1,
body.**isOneTrainingPage** .page-header h1 {
color: tomato;
}
/* Обращение к заголовку на главной странице тренингов
и внутри самих тренингов/подтренингов/модулей, включая уроки */
body.**isTrainingsPage** .page-header h1,
body.**isOneTrainingPage** .page-header h1,
body.**isLessonPage** .lesson-title-value {
color: tomato;
}
Вы можете писать дополнительные скрипты в поле “Extra Scripts”, которые будут относиться к разным страницам. Для этого нужно прописывать скрипты в условных операторах, которые содержат теги соответсвующей страницы.
Пример:
/* Этот скрипт запустится только на главной странице тренингов */
if(window.PageChecker.**isTrainingsPage**) {
$('.page-header h1').css('color','tomato');
}
/*
Этот скрипт запустится на главной странице тренингов
и внутри самих тренингов/подтренингов/модулей, но не в уроках.
*/
if(window.PageChecker.**isTrainingsPage** ||
window.PageChecker.**isOneTrainingPage**) {
$('.page-header h1').css('color','tomato');
}
/*
Этот скрипт запустится на главной странице тренингов
и внутри самих тренингов/подтренингов/модулей, включая уроки.
*/
if(window.PageChecker.**isTrainingsPage** ||
window.PageChecker.**isOneTrainingPage** ||
window.PageChecker.**isLessonPage**) {
$('.page-header h1, .lesson-title-value').css('color','tomato');
}