Скрипты готового решения автоматически определяют, на какой странице находится пользователь и помечают её соответсвующим тегом для того, чтобы было проще прописывать дополнительные скрипты и стили для этих страниц.

Список тегов

Примеры использования

В стилях

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

Пример:

/* Обращение к заголовку на главной странице тренингов */
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');
}