Секретные параметры виджетов

Секретные параметры для фильтрации расписания.
Установка секретных параметров виджета эквивалентна выбору параметров в фильтре.
Можно установить следующие параметры:

1. data-direction
2. data-group
3. data-activity
4. data-trainer
5. data-room
6. data-age
7. data-level
8. data-year
9. data-week
10. data-icons


Data-direction
data-direction — параметр направления. В админ-панели идентификатор направления (ID) можно найти, перейдя в раздел «Занятия» на страницу «Управление занятиями» и нажать «Правка» для редактирования направления, как показано ниже:

В результате этих действий откроется страница редактирования направления, в адресной строке которой отображается идентификатор направления.

Затем, полученный ID, указываем в коде вызова виджета таким образом:

script.setAttribute('data-direction', 27); (где «27» - это ID направления.)

Полученная строка вставляется в JavaScript-код виджета, как и обычные параметры. В результате, в виджете будут отображаться только занятия, относящиеся к указанному направлению.

Примечание: этот параметр может содержать только 1 значение.

Data-group
data-group — параметр типа занятия. В админ-панели идентификатор типа занятия (ID) можно найти, перейдя в раздел «Занятия» на страницу «Управление занятиями» и нажать «Правка» для редактирования типа занятия, как показано ниже:

В результате этих действий открывается страница редактирования типа занятия, в адресной строке которой отображается идентификатор типа занятия.

Затем полученный ID (или несколько идентификаторов) указываем в коде вызова виджета таким образом:

script.setAttribute('data-group', '101, 103'); (где «101» и «103» - это ID типов занятий.)

Полученная строка вставляется в JavaScript-код виджета как и обычные параметры. В результате в виджете будут отображаться только занятия, относящиеся к указанным типам.

Примечание: этот параметр может содержать 1 или несколько значений, как показано в
примере выше (через запятую).

Data-activity
data-activity — параметр занятия. В админ-панели идентификатор занятия (ID) можно найти в разделе «Занятия», выполнив следующие шаги:
1. Нажимаем на название типа занятия.

После этого действия в правой части страницы отобразятся все виды занятий выбранного типа, как показано ниже.

2. Нажимаем на кнопку «Правка» напротив необходимого вида занятия.

После перехода на страницу редактирования, в адресной строке отображается идентификатор вида занятия.

Затем полученный ID (или несколько идентификаторов) указываем в коде вызова виджета таким образом:

script.setAttribute('data-activity', '1028, 1029'); (где «1028», «1029» - это ID занятия.)

Полученная строка вставляется в JavaScript-код виджета, как и обычные параметры. В результате в виджете будут отображаться только отобранные занятия.

Примечание: этот параметр может содержать 1 или несколько значений (через
запятую).

Data-trainer
data-trainer - параметр инструктора. В админ-панели идентификатор инструктора (ID) можно найти, перейдя в раздел «Инструкторы», выбрав необходимый клуб и нажать «Правка» для редактирования информации об инструкторе, как показано ниже:

В результате этих действий откроется страница редактирования профиля инструктора, в которой идентификатор (ID) отображается в адресной строке:

Затем полученный ID (или несколько идентификаторов) указываем в коде вызова виджета таким образом:

script.setAttribute('data-trainer', '400, 401'); (где «400»,, «401» - это ID инструктора.)

Полученная строка вставляется в JavaScript-код виджета, как и обычные параметры. В результате в виджете будут отображаться только занятия, которые ведут указанные инструкторы.

Примечание: этот параметр может содержать 1 или несколько значений (через
запятую).

Data-room
data-room - параметр помещения (зала). В админ-панели идентификатор помещения (ID) можно найти, перейдя в раздел «Помещения (залы)», выбрав необходимый клуб и нажать «Правка». ID будет также как и для инструкторов виден в статусной строке браузера.
Пример использования:

script.setAttribute('data-room', '400, 401'); (где «400»,, «401» - это ID помещения.)


Data-age
data-age - параметр возраста.
(!) В отличие от зала и инструктора выбор возраста осуществляется не по ID, а по названию. Т.е. если возраст называется «6-8 лет», то пример использования выглядит так:

script.setAttribute('data-age', '6-8 лет');


Data-level
data-level - параметр уровня.
(!) В отличие от зала и инструктора выбор уровня осуществляется не по ID, а по названию
(также как и для возраста). Т.е. если уровень называется «новички», то пример использования выглядит так:

script.setAttribute('data-age', 'новички');

Data-year + data-week
Эти параметры позволяют открыть виджет сразу на нужной неделе.
Нужно передать год в формате YYYY и номер недели в году по стандарту ISO8601.
Например:

script.setAttribute('data-year', ‘2020');
script.setAttribute('data-week', ‘34');


Data-icons
Иногда требуется отобразить в расписании логотип POLAR, CROSSFIT и прочее.
Для этого мы сделали параметр data-icons, который позволит заменить в виджетах любой фрагмент названия занятия на иконку.

Как этим пользоваться?
Назовите занятие, например, так: Introduction (polar)
В мобильных приложениях занятие будет так и называться.
А в виджетах, можно заменить (polar) на лого Polar.
Для этого вставьте:

script.setAttribute('data-icons',
"{'(polar)':{url:'ССЫЛКА_НА_КАРТИНКУ',W:'ШИРИНАpx',H:'ВЫСОТАpx'}}");
ССЫЛКА_НА_КАРТИНКУ

ШИРИНА – ширина, которую вы хотите установить в пикселях;
ВЫСОТА – высота картинки, которую вы хотите установить в пикселях.


Наложение/Комбинирование параметров
Параметры можно комбинировать между собой, но при условии, что не будет нарушаться условие фильтрации, по принципу иерархии:

  • При комбинировании «Направление» + «Тип занятия», нужно чтобы тип занятия относился к данному направлению;
  • При комбинировании «Тип занятия» + «Занятия», нужно чтобы занятие относилось к данному типу.

Секретные параметры для кастомизации дизайна
Если указать data-custom-css = 1, т.е.

script.setAttribute('data-custom-css', ‘1’);

То можно для каждого клуба применить свой css-файл.
Его можно скомпоновать из CSS-файла темы по умолчанию и затем отправить на hello@mobifitness.ru с указанием для какого клуба его нужно применить.


Если у вас есть идеи или пожелания, как мы можем упростить вашу работу с нашим сервисом, пожалуйста, напишите нам на hello@mobifitness.ru