Исходный код вики Для_разработчиков
Версия 76.1 от Байн Огультинова на 28.08.2025, 14:36
Последние авторы
author | version | line-number | content |
---|---|---|---|
1 | {{toc depth="4"/}} | ||
2 | |||
3 | = Инструкция для подключения = | ||
4 | |||
5 | Назначение данного раздела — описать способы взаимодействия с виджетом Веб-платформы по задуманному вами сценарию. Типичный процесс подключения, открытия и отслеживания виджета выглядит так: | ||
6 | |||
7 | ~1. Подключите скрипт ##external.script.js## к вашему сайту. Его адрес будет доступен **после добавления сайта** в процессе настройки в **администраторской панели Веб-Платформы**, так же как и параметр ##id## для подключения | ||
8 | |||
9 | 2. Вставьте в необходимом месте на своём сайте код: | ||
10 | |||
11 | {{code language="html"}} | ||
12 | |||
13 | <script type="text/javascript"> | ||
14 | // инициализируем виджет с параметрами | ||
15 | WPInit({ | ||
16 | id: 1, | ||
17 | width: 400, | ||
18 | type: 'modal' | ||
19 | }) | ||
20 | |||
21 | // сразу откроем его для пользователя | ||
22 | WPOpenModal(); // вариант для модального окна | ||
23 | // WPOpen(); // вариант для открытия в теле страницы. Используется при инициализации виджета с type: 'instant' | ||
24 | |||
25 | // будем следить за состоянием виджета | ||
26 | WPChange = function(response) { | ||
27 | if (response.status == 'reserved') { | ||
28 | // если заказ зарезирвирован, занесём данные из response.data.order_id себе на сайт | ||
29 | } | ||
30 | if (response.status == 'completed') { | ||
31 | // если заказ оплачен, занесём данные из response.data.order_id себе на сайт | ||
32 | } | ||
33 | } | ||
34 | </script> | ||
35 | |||
36 | {{/code}} | ||
37 | |||
38 | = Функции = | ||
39 | |||
40 | == WPInit == | ||
41 | |||
42 | (% class="box infomessage" %) | ||
43 | ((( | ||
44 | Функция загрузки виджета с параметризацией, при создании необходимо передать**## id ##**виджета, который можно найти в Административной панели | ||
45 | ))) | ||
46 | |||
47 | ===== Минимальный способ инициализации: ===== | ||
48 | |||
49 | {{code language="javascript"}} | ||
50 | WPInit({ id: 1 }) | ||
51 | {{/code}} | ||
52 | |||
53 | ===== Пример передаваемых данных: ===== | ||
54 | |||
55 | (% class="box infomessage" %) | ||
56 | ((( | ||
57 | Виджет можно инициализировать с различными параметрами, все из них опциональные, кроме **##id##**. | ||
58 | ))) | ||
59 | |||
60 | {{code language="javascript"}} | ||
61 | WPInit({ | ||
62 | id: 1, | ||
63 | width: 400, | ||
64 | height: 600, | ||
65 | type: 'modal' | ||
66 | }) | ||
67 | {{/code}} | ||
68 | |||
69 | == WPOpen == | ||
70 | |||
71 | (% class="box infomessage" %) | ||
72 | ((( | ||
73 | Функция открытия виджета в каком-либо блоке, используется при инициализации виджета с## **type: 'instant'**## | ||
74 | ))) | ||
75 | |||
76 | ===== Пример передаваемых данных: ===== | ||
77 | |||
78 | {{code language="javascript"}} | ||
79 | // показ виджета с группой id 5 | ||
80 | WPOpen({ | ||
81 | groupid: [5] | ||
82 | }) | ||
83 | {{/code}} | ||
84 | |||
85 | == WPOpenModal == | ||
86 | |||
87 | (% class="box infomessage" %) | ||
88 | ((( | ||
89 | Функция открытия виджета в модальном окне, используется при инициализации виджета с## **type: 'modal'**## | ||
90 | ))) | ||
91 | |||
92 | ===== Пример передаваемых данных: ===== | ||
93 | |||
94 | {{code language="javascript"}} | ||
95 | // показ виджета на нажатие кнопки с id "OpenButton" | ||
96 | var OpenButton = document.getElementById('OpenButton'); | ||
97 | OpenButton.onclick = function () { | ||
98 | WPOpenModal({ tariffsid: [27, 28] }); | ||
99 | }; | ||
100 | {{/code}} | ||
101 | |||
102 | == WPChange == | ||
103 | |||
104 | (% class="box infomessage" %) | ||
105 | ((( | ||
106 | Функция, которая вызывается каждый раз при изменении состояния виджета. | ||
107 | Каждый раз передаёт в переменной response состояние в **##status##** и опционально данные в **##data##**. | ||
108 | При переопределении этой функции у себя на странице, администратор может следить за состоянием виджета и статусом заказа из javascript | ||
109 | ))) | ||
110 | |||
111 | ===== Примеры передаваемых данных: ===== | ||
112 | |||
113 | - ##{ status:'starting' }## — виджет в процессе запуска, в этот момент определяется, что он должен в данный момент отображать | ||
114 | - ##{ status:'started' }## — виджет на начальном экране, где показывается список услуг для покупки | ||
115 | - ##{ status:'reserved', data: { order_id: 2 } }## — виджет находится на стадии забронированного заказ, в data передаётся id | ||
116 | - ##{ status:'completed', data: { order_id: 2 } }## — виджет находится на стадии оплаченного заказ, в data передаётся id заказа | ||
117 | |||
118 | ===== Пример работы с данными: ===== | ||
119 | |||
120 | {{code language="javascript"}} | ||
121 | WPChange = function(response) { | ||
122 | if (response.status == 'starting') { | ||
123 | // действие на внешней странице | ||
124 | } | ||
125 | if (response.status == 'started') { | ||
126 | // действие на внешней странице | ||
127 | } | ||
128 | if (response.status == 'reserved') { | ||
129 | // id зарезервированного заказа: response.data.order_id | ||
130 | } | ||
131 | if (response.status == 'completed') { | ||
132 | // id оплаченного заказа: response.data.order_id | ||
133 | } | ||
134 | } | ||
135 | {{/code}} | ||
136 | |||
137 | = Параметры = | ||
138 | |||
139 | == Обязательные параметры WPInit == | ||
140 | |||
141 | ==== id ==== | ||
142 | |||
143 | Тип данных:## //number//## | ||
144 | |||
145 | (% class="box infomessage" %) | ||
146 | ((( | ||
147 | id виджета, который можно узнать в Административной панели. | ||
148 | ))) | ||
149 | |||
150 | == Возможные параметры WPInit == | ||
151 | |||
152 | ==== height ==== | ||
153 | |||
154 | Тип данных:## //number//## | ||
155 | |||
156 | (% class="box infomessage" %) | ||
157 | ((( | ||
158 | Высота виджета в пикселях, по умолчанию: | ||
159 | • 480px, если виджет запущен как type: 'modal' | ||
160 | • 100%, если виджет запущен как type: 'instant' | ||
161 | ))) | ||
162 | |||
163 | ==== width ==== | ||
164 | |||
165 | Тип данных:## //number//## | ||
166 | |||
167 | (% class="box infomessage" %) | ||
168 | ((( | ||
169 | Ширина виджета в пикселях, по умолчанию: | ||
170 | • 640px, если виджет запущен как type: 'modal' | ||
171 | • 100%, если виджет запущен как type: 'instant' | ||
172 | ))) | ||
173 | |||
174 | ==== type ==== | ||
175 | |||
176 | Тип данных:## //string//## | ||
177 | |||
178 | По умолчанию:##// 'instant'//## | ||
179 | |||
180 | (% class="box infomessage" %) | ||
181 | ((( | ||
182 | Способ открытия виджета | ||
183 | • 'instant' Открытие виджета на месте, где был вызов виджета (на месте тэга script), либо в блоке place, если он указан в параметрах виджета при инициализации | ||
184 | • 'modal' Открытие виджета в модальном окне | ||
185 | ))) | ||
186 | |||
187 | ==== place ==== | ||
188 | |||
189 | Тип данных:## //string//## | ||
190 | |||
191 | (% class="box infomessage" %) | ||
192 | ((( | ||
193 | Идентификатор элемента DOM, в который необходимо поместить виджет, например: **###widget##**. Используется совместно с **##type: 'instant'##** | ||
194 | ))) | ||
195 | |||
196 | (% class="box warningmessage" %) | ||
197 | ((( | ||
198 | **Важно:** элемент DOM для place должен быть либо на странице до вставки инициализации виджета (WPInit), либо инициализация виджета должна быть исполнена после загрузки DOM (например, обёрнута в событие $(document).ready(function(){}) в jQuery) | ||
199 | ))) | ||
200 | |||
201 | ---- | ||
202 | |||
203 | == Возможные параметры WPOpen и WPOpenModal == | ||
204 | |||
205 | === Инструкторские занятия === | ||
206 | |||
207 | ==== categories ==== | ||
208 | |||
209 | Тип данных:##// Array<string>//## | ||
210 | |||
211 | По умолчанию:##// []//## | ||
212 | |||
213 | (% class="box infomessage" %) | ||
214 | ((( | ||
215 | Фильтр категорий инструкторских занятий. Скрывает категории в выпадающем списке, **##id##** которых не совпадают заданными в массиве. | ||
216 | ))) | ||
217 | |||
218 | [[image:1703065952567-753.png]] | ||
219 | |||
220 | ==== coachid ==== | ||
221 | |||
222 | Тип данных:##// number//## | ||
223 | |||
224 | По умолчанию:##// undefined//## | ||
225 | |||
226 | (% class="box infomessage" %) | ||
227 | ((( | ||
228 | Идентификатор тренера, позволяет сепарировать список занятий по тренеру | ||
229 | ))) | ||
230 | |||
231 | ==== grouplessonsskillstariffs **##*##** ==== | ||
232 | |||
233 | Тип данных:##// object//## | ||
234 | |||
235 | По умолчанию:##// {}//## | ||
236 | |||
237 | (% class="box infomessage" %) | ||
238 | ((( | ||
239 | Ограничивает список тарифов (в фильтре) при выборе конкретной дисциплины групповых занятий. | ||
240 | Принимает объект, внутри которого указываются пары ключ/значение по выражению: {skillid}: [{tariffid},...] | ||
241 | ))) | ||
242 | |||
243 | Пример: | ||
244 | |||
245 | {{code language="javascript"}} | ||
246 | grouplessonsskillstariffs: { | ||
247 | "1": [ 15, 23] // При выборе дисциплины с id 1 - отображать тарифы с id 15 и 23 | ||
248 | } | ||
249 | {{/code}} | ||
250 | |||
251 | ==== grouplessonstariffsid ==== | ||
252 | |||
253 | Тип данных:##// Array<number>//## | ||
254 | |||
255 | По умолчанию:##// []//## | ||
256 | |||
257 | (% class="box infomessage" %) | ||
258 | ((( | ||
259 | Фильтр программ обучения для групповых занятий | ||
260 | ))) | ||
261 | |||
262 | [[image:1703065356750-663.png]] | ||
263 | |||
264 | Пример: | ||
265 | |||
266 | {{code language="javascript"}} | ||
267 | grouplessonstariffsid: [1823, 1900] // скрыть групповые программы обучения, кроме 1823 и 1900 | ||
268 | {{/code}} | ||
269 | |||
270 | ==== lessonslocation **##*##** ==== | ||
271 | |||
272 | Тип данных:##// number//## | ||
273 | |||
274 | По умолчанию:##// undefined//## | ||
275 | |||
276 | (% class="box infomessage" %) | ||
277 | ((( | ||
278 | Отображение места занятия для индивидуальных, групповых и многодневных занятий | ||
279 | ))) | ||
280 | |||
281 | [[image:1702560957244-690.png]] | ||
282 | |||
283 | ==== lessonstariffsid ==== | ||
284 | |||
285 | Тип данных:##// Array<number>//## | ||
286 | |||
287 | По умолчанию:##// []//## | ||
288 | |||
289 | (% class="box infomessage" %) | ||
290 | ((( | ||
291 | Ограничить видимость доступных тарифов в выпадающем списке программ обучения по массиву с их идентификаторами | ||
292 | ))) | ||
293 | |||
294 | [[image:1702641274330-465.png]] | ||
295 | |||
296 | ==== multidayslessonsskillstariffs **##*##** ==== | ||
297 | |||
298 | Тип данных:##// Array<number> //##//|## object##// | ||
299 | |||
300 | По умолчанию:##// []//## | ||
301 | |||
302 | (% class="box infomessage" %) | ||
303 | ((( | ||
304 | Производит фильтрацию тарифов для многодневных занятий. Принимает массив идентификаторов. | ||
305 | Параметр дополняет фильтрацию по параметру **##grouplessonsskillstariffs##**. | ||
306 | ))) | ||
307 | |||
308 | ==== nocategories **##*##** ==== | ||
309 | |||
310 | Тип данных:##// boolean//## | ||
311 | |||
312 | По умолчанию:##// false//## | ||
313 | |||
314 | (% class="box infomessage" %) | ||
315 | ((( | ||
316 | Если **##true##** скрывает фильтр по категории инструкторских занятий | ||
317 | ))) | ||
318 | |||
319 | [[image:1702638427440-675.png]] | ||
320 | |||
321 | ==== nocoach **##*##** ==== | ||
322 | |||
323 | Тип данных:##// boolean//## | ||
324 | |||
325 | По умолчанию:##// false//## | ||
326 | |||
327 | (% class="box infomessage" %) | ||
328 | ((( | ||
329 | Если **##true##** скрывает выпадающее меню выбора инструктора | ||
330 | ))) | ||
331 | |||
332 | [[image:1702638265778-588.png]] | ||
333 | |||
334 | ==== nolocation **##*##** ==== | ||
335 | |||
336 | Тип данных:##// boolean//## | ||
337 | |||
338 | По умолчанию:##// false//## | ||
339 | |||
340 | (% class="box infomessage" %) | ||
341 | ((( | ||
342 | Если **##true##** скрывает фильтр по месту проведения инструкторских занятий | ||
343 | ))) | ||
344 | |||
345 | [[image:1702638034420-756.png]] | ||
346 | |||
347 | ==== noskills **##*##** ==== | ||
348 | |||
349 | Тип данных:##// boolean//## | ||
350 | |||
351 | По умолчанию:##// false//## | ||
352 | |||
353 | (% class="box infomessage" %) | ||
354 | ((( | ||
355 | Если **##true##** скрывает фильтр по дисциплине инструкторских занятий | ||
356 | ))) | ||
357 | |||
358 | [[image:1702638705750-678.png]] | ||
359 | |||
360 | ==== notagfilter **##*##** ==== | ||
361 | |||
362 | Тип данных:##// boolean//## | ||
363 | |||
364 | По умолчанию:##// false//## | ||
365 | |||
366 | (% class="box infomessage" %) | ||
367 | ((( | ||
368 | Если **##true##** скрывает фильтр по тэгам | ||
369 | ))) | ||
370 | |||
371 | [[image:1732612477973-413.png]] | ||
372 | |||
373 | |||
374 | ==== notariffs ==== | ||
375 | |||
376 | Тип данных:##// boolean//## | ||
377 | |||
378 | По умолчанию:##// false//## | ||
379 | |||
380 | (% class="box infomessage" %) | ||
381 | ((( | ||
382 | Если **##true##** скрывает фильтр по программе обучения инструкторских занятий | ||
383 | ))) | ||
384 | |||
385 | [[image:1703063138160-208.png]] | ||
386 | |||
387 | ==== personallessonsskillstariffs **##*##** ==== | ||
388 | |||
389 | Тип данных:##// object//## | ||
390 | |||
391 | По умолчанию:##// {}//## | ||
392 | |||
393 | (% class="box infomessage" %) | ||
394 | ((( | ||
395 | Ограничивает список тарифов (в фильтре) при выборе конкретной дисциплины. | ||
396 | Принимает объект, внутри которого указываются пары ключ/значение по выражению: {skillid}: [{tariffid},...] | ||
397 | ))) | ||
398 | |||
399 | Пример: | ||
400 | |||
401 | {{code language="javascript"}} | ||
402 | personallessonsskillstariffs: { | ||
403 | "1": [ 15, 23] // При выборе дисциплины с id 1 - отображать тарифы с id 15 и 23 | ||
404 | } | ||
405 | {{/code}} | ||
406 | |||
407 | ==== placeid **##*##** ==== | ||
408 | |||
409 | Тип данных:##// number//## | ||
410 | |||
411 | По умолчанию:##// undefined//## | ||
412 | |||
413 | (% class="box infomessage" %) | ||
414 | ((( | ||
415 | Идентификатор места, использующийся для получения списка инструкторов. | ||
416 | ))) | ||
417 | |||
418 | ==== singleguest **##*##** ==== | ||
419 | |||
420 | Тип данных:##// Boolean//## | ||
421 | |||
422 | По умолчанию:##// false//## | ||
423 | |||
424 | (% class="box infomessage" %) | ||
425 | ((( | ||
426 | Если **##true##**, то при выборе занятия препятствует выбору 2 гостей. | ||
427 | ))) | ||
428 | |||
429 | [[image:1710854841918-858.png]] | ||
430 | |||
431 | ==== skills **##*##** ==== | ||
432 | |||
433 | Тип данных:##// Array<number>//## | ||
434 | |||
435 | По умолчанию:##// []//## | ||
436 | |||
437 | (% class="box infomessage" %) | ||
438 | ((( | ||
439 | Ограничить видимость доступных к выбору дисциплин по идентификатору | ||
440 | ))) | ||
441 | |||
442 | [[image:1702639385677-964.png]] | ||
443 | |||
444 | === Календарь и даты === | ||
445 | |||
446 | ==== disableddates * ==== | ||
447 | |||
448 | Тип данных:##// Array<string>//## | ||
449 | |||
450 | По умолчанию:##// []//## | ||
451 | |||
452 | (% class="box infomessage" %) | ||
453 | ((( | ||
454 | Параметр отключения дат в календаре (и в //покупке// и в //пополнении//). Делает невозможным выбор определённых дней в массиве дат. | ||
455 | ))) | ||
456 | |||
457 | Пример: | ||
458 | |||
459 | {{code language="javascript"}} | ||
460 | disableddates: ['23.02.2018', '08.03.2018'] // уберёт даты 23.02.2018 и 08.03.2018 из возможных для выбора дат в календаре. | ||
461 | {{/code}} | ||
462 | |||
463 | ==== disableddays **##*##** ==== | ||
464 | |||
465 | Тип данных:##// Array<number>//## | ||
466 | |||
467 | По умолчанию:##// []//## | ||
468 | |||
469 | (% class="box infomessage" %) | ||
470 | ((( | ||
471 | Параметры открлючения дней недели в календаре (и в покупке и в пополнении), где 0 - воскресенье, 1 - понедельник и так далее. | ||
472 | ))) | ||
473 | |||
474 | ==== forcedate * ==== | ||
475 | |||
476 | Тип данных:##// string//## | ||
477 | |||
478 | По умолчанию:##// undefined//## | ||
479 | |||
480 | (% class="box infomessage" %) | ||
481 | ((( | ||
482 | Параметр для открывания виджета с указанной сразу датой (и в //покупке// и в //пополнении//). | ||
483 | **##forcedate: '20.05.2018'##** покажет услуги к продаже на дату 20.05.2018. | ||
484 | ))) | ||
485 | |||
486 | ==== maxdate * ==== | ||
487 | |||
488 | Тип данных:##// string//## | ||
489 | |||
490 | По умолчанию:##// undefined//## | ||
491 | |||
492 | (% class="box infomessage" %) | ||
493 | ((( | ||
494 | Параметр максимальной отображаемой даты в календаре (и в //покупке// и в //пополнении//). | ||
495 | **##maxdate: '20.05.2018'##** покажет 20.05.2018 как самую последнюю дату, доступную к выбору в календаре. | ||
496 | ))) | ||
497 | |||
498 | ==== mindate * ==== | ||
499 | |||
500 | Тип данных:##// string//## | ||
501 | |||
502 | По умолчанию:##// undefined//## | ||
503 | |||
504 | (% class="box infomessage" %) | ||
505 | ((( | ||
506 | Параметр минимальной отображаемой даты в календаре (и в //покупке// и в //пополнении//). | ||
507 | **##mindate: '20.05.2018'##** покажет 20.05.2018 как самую первую дату, доступную к выбору в календаре, если она находится после текущего дня. | ||
508 | ))) | ||
509 | |||
510 | ==== nocalendar * ==== | ||
511 | |||
512 | Тип данных:## //boolean//## | ||
513 | |||
514 | По умолчанию:##// false//## | ||
515 | |||
516 | (% class="box infomessage" %) | ||
517 | ((( | ||
518 | Убирает календарь внутри виджета (и в //покупке// и в //пополнении//), в случаях, когда дата, на которую покупается/пополняется билет, не важна. | ||
519 | ))) | ||
520 | |||
521 | |||
522 | |||
523 | ==== servicecalendar * ==== | ||
524 | |||
525 | Тип данных~:// "block" | "page"// | ||
526 | |||
527 | По умолчанию без указания идентификатора не учитывается. | ||
528 | |||
529 | (% class="box infomessage" %) | ||
530 | ((( | ||
531 | Изменяет отображение календаря в виджете. | ||
532 | |||
533 | **servicecalendar: "block" **обычно используется в комбинации с параметром **busycalendar:true, **чтобы скрыть кнопки Отменить, Очистить и Ок. | ||
534 | |||
535 | При** servicecalendar: "page" **календарь не имеет привычных кнопок календаря Отменить, Очистить и Ок, вместо них доступна только кнопка Выбрать, потому в комбинации с параметром **busycalendar:true **не нуждается. | ||
536 | ))) | ||
537 | |||
538 | {{code language="javascript"}} | ||
539 | servicecalendar: "block" // закрепит календарь в виджете в открытом виде. | ||
540 | |||
541 | servicecalendar: "page" // автоматически откроет календарь в виджете при инициализации. | ||
542 | {{/code}} | ||
543 | |||
544 | ==== busycalendar ==== | ||
545 | |||
546 | Тип данных:##// boolean//## | ||
547 | |||
548 | По умолчанию:##// false//## | ||
549 | |||
550 | (% class="box infomessage" %) | ||
551 | ((( | ||
552 | Изменяет отображение календаря в виджете. | ||
553 | |||
554 | Работает, если **servicecalendar: "block".** | ||
555 | |||
556 | Используется, чтобы скрыть кнопки Отменить, Очистить и Ок у закрепленного календаря. | ||
557 | ))) | ||
558 | |||
559 | ==== saledepth **##*##** ==== | ||
560 | |||
561 | Тип данных:## //number//## | ||
562 | |||
563 | По умолчанию:##// undefined//## | ||
564 | |||
565 | (% class="box infomessage" %) | ||
566 | ((( | ||
567 | Ограничивает глубину продаж начиная с сегодняшнего дня. Таким образом если ##saledepth: 1##, то доступные даты в календаре выбора тарифа будут __**сегодня **__и __**завтра**__. | ||
568 | ⚠ Имеет больший приоритет, чем ##maxdate## | ||
569 | ))) | ||
570 | |||
571 | ---- | ||
572 | |||
573 | === Отображение === | ||
574 | |||
575 | ==== cartmaxitems ==== | ||
576 | |||
577 | Тип данных:##// number//## | ||
578 | |||
579 | По умолчанию:##// 6//## | ||
580 | |||
581 | (% class="box infomessage" %) | ||
582 | ((( | ||
583 | Ограничивает максимальное кол-во товаров в корзине. ##Минимальное значение 1, но не меньше **cartminitems**. Максимальное значение 60.## | ||
584 | ))) | ||
585 | |||
586 | ==== cartminitems ==== | ||
587 | |||
588 | Тип данных:##// number//## | ||
589 | |||
590 | По умолчанию:##// 1//## | ||
591 | |||
592 | (% class="box infomessage" %) | ||
593 | ((( | ||
594 | Ограничивает минимальное кол-во товаров в корзине. ##Минимальное значение 1. Максимальное значение 60, но не больше **cartmaxitems**.## | ||
595 | ))) | ||
596 | |||
597 | ==== clubsiteid ==== | ||
598 | |||
599 | Тип данных:##// number//## | ||
600 | |||
601 | По умолчанию:##// 0//## | ||
602 | |||
603 | (% class="box infomessage" %) | ||
604 | ((( | ||
605 | Вызов сайта для оформления клубного контракта | ||
606 | ))) | ||
607 | |||
608 | ==== customseancetitles ==== | ||
609 | |||
610 | Типа данных: ##//Array<object>//## | ||
611 | |||
612 | (% class="box infomessage" %) | ||
613 | ((( | ||
614 | Выводит цветную текст-метку над сеансом. | ||
615 | Описание параметров объекта текста-метки: | ||
616 | \\##**seanceId**## - идентификатор сеанса, у которого нужно отобразить текст-метку | ||
617 | ##**days**## - массив с днями недели, в которые нужно отобразить текст-метку. **ВАЖНО**: 0 - воскресенье, 1 - понедельник ... 6 - суббота | ||
618 | ##**dates**## - массив с датами, в которые нужно отобразить текст-метку независимо от массива дней. | ||
619 | ##**color**## - любой валидный CSS цвет текста-метки | ||
620 | ##**text**## - текст, который нужно отобразить | ||
621 | \\Работает если **##tariffsseancesfilter: true##** | ||
622 | ))) | ||
623 | |||
624 | Пример: | ||
625 | |||
626 | {{code language="javascript"}} | ||
627 | customseancetitles: [ | ||
628 | { | ||
629 | seanceId: 1, | ||
630 | text: "Тематический сеанс", | ||
631 | color: "#f00", | ||
632 | days: [0,1], | ||
633 | dates: ["25.12.2023","17.04.2025"] | ||
634 | } | ||
635 | ] | ||
636 | {{/code}} | ||
637 | |||
638 | ==== disablemultipleseances ==== | ||
639 | |||
640 | Тип данных:##// boolean//## | ||
641 | |||
642 | По умолчанию:##// false//## | ||
643 | |||
644 | (% class="box infomessage" %) | ||
645 | ((( | ||
646 | Параметр предотвращает добавление в корзину тарифов с различными сеансами. | ||
647 | Таким образом как только в корзине появится хоть один товар с сеансом "10:00 - 11:30", товары, у которых есть сеанс например "13:00 - 14:30" будет невозможно добавить в корзину. | ||
648 | Товары без сеансов **не будут затронуты**. | ||
649 | ))) | ||
650 | |||
651 | ==== forcemedia * ==== | ||
652 | |||
653 | Тип данных:##// string//## | ||
654 | |||
655 | По умолчанию:##// ''//## | ||
656 | |||
657 | (% class="box infomessage" %) | ||
658 | ((( | ||
659 | Параметр, который вставяет строчку с носителем в поле носителя во вкладке «Пополнение услуг». Используется, например, для QR-кода нанесённого на носитель, чтобы быстро его пополнить. | ||
660 | ))) | ||
661 | |||
662 | Пример: | ||
663 | |||
664 | {{code language="javascript"}} | ||
665 | forcemedia: 'E0012345678900' | ||
666 | {{/code}} | ||
667 | |||
668 | ==== forceseanceid ==== | ||
669 | |||
670 | Тип данных:##// number//## | ||
671 | |||
672 | По умолчанию без указания идентификатора не учитывается. | ||
673 | |||
674 | (% class="box infomessage" %) | ||
675 | ((( | ||
676 | Заставит виджет выбрать мероприятие арены по идентификатору платформы и не позволять вернуться к этапу выбора других мероприятий. | ||
677 | ))) | ||
678 | |||
679 | ==== forcesectorid ==== | ||
680 | |||
681 | Тип данных:##// number//## | ||
682 | |||
683 | По умолчанию без указания идентификатора не учитывается. | ||
684 | |||
685 | (% class="box infomessage" %) | ||
686 | ((( | ||
687 | Заставит виджет выбрать сектор мероприятия по **##id##** и не позволять вернуться к этапу выбора других секторов. | ||
688 | ))) | ||
689 | |||
690 | ==== forcetab **##*##** ==== | ||
691 | |||
692 | Тип данных:##// string//## | ||
693 | |||
694 | По умолчанию:##// ''//## | ||
695 | |||
696 | (% class="box infomessage" %) | ||
697 | ((( | ||
698 | Переключение на необходимую вкладку виджета («**покупка услуг**» или «**пополнение услуг**») при загрузке. | ||
699 | По умолчанию открывается вкладка «**покупка услуг**». | ||
700 | **##forcetab: 'rewrite'##** принудительно откроет «**пополнение услуг**». | ||
701 | Обычно используется в комбинации с параметром **##onlytab##** | ||
702 | ))) | ||
703 | |||
704 | ==== locale ==== | ||
705 | |||
706 | Тип данных:##// string//## | ||
707 | |||
708 | По умолчанию:##// ''//## | ||
709 | |||
710 | (% class="box infomessage" %) | ||
711 | ((( | ||
712 | Параметр локализации. Позволяет переключать между языками виджета, например 'ru' - русский язык, 'en' - английский язык. | ||
713 | ))) | ||
714 | |||
715 | ==== minimap ==== | ||
716 | |||
717 | Тип данных:##// boolean//## | ||
718 | |||
719 | По умолчанию:##// true//## | ||
720 | |||
721 | (% class="box infomessage" %) | ||
722 | ((( | ||
723 | Отображать миникарту. | ||
724 | ))) | ||
725 | |||
726 | ==== minimapaspect ==== | ||
727 | |||
728 | Тип данных:##// number//## | ||
729 | |||
730 | По умолчанию:##// 0.2//## | ||
731 | |||
732 | (% class="box infomessage" %) | ||
733 | ((( | ||
734 | Размер миникарты относительной полного размера карты, а не контейнера, в которой она находится. | ||
735 | ))) | ||
736 | |||
737 | ==== nopromo * ==== | ||
738 | |||
739 | Тип данных:##// boolean//## | ||
740 | |||
741 | По умолчанию:##// false//## | ||
742 | |||
743 | (% class="box infomessage" %) | ||
744 | ((( | ||
745 | Убирает вывод промокода на странице подтверждения заказа. | ||
746 | ))) | ||
747 | |||
748 | ==== noscroll ==== | ||
749 | |||
750 | Тип данных:##// boolean//## | ||
751 | |||
752 | По умолчанию:##// false//## | ||
753 | |||
754 | (% class="box infomessage" %) | ||
755 | ((( | ||
756 | Скрывает кнопку прокручивания страницы виджета продаж вверх | ||
757 | ))) | ||
758 | |||
759 | ==== onlytab **##*##** ==== | ||
760 | |||
761 | Тип данных:##// string //##//|## Array<string>##// | ||
762 | |||
763 | По умолчанию:##// []//## | ||
764 | |||
765 | (% class="box infomessage" %) | ||
766 | ((( | ||
767 | Скрытие других вкладок виджета («покупка услуг» или «пополнение услуг») при загрузке. Обычно используется в комбинации с параметром **##forcetab | ||
768 | Важно: ##**##если для отображения выбрана только одна вкладка, то вся навигационная панель скрывается.## | ||
769 | ))) | ||
770 | |||
771 | {{code language="javascript"}} | ||
772 | onlytab: "service" // покажет только вкладку «покупка услуг». | ||
773 | onlytab: "rewrite" // покажет только вкладку «пополнение услуг». | ||
774 | onlytab: "personal_lessons" // покажет только вкладку «индивидуальные занятия». | ||
775 | onlytab: "group_lessons" // покажет только вкладку «групповые занятия». | ||
776 | onlytab: "bundles_lessons" // покажет только вкладку «многодневные занятия». | ||
777 | onlytab: ["service", "rewrite"] // покажет только вкладки «покупка услуг» и «пополнение услуг»; | ||
778 | onlytab: "service, rewrite" // покажет только вкладки «покупка услуг» и «пополнение услуг»; | ||
779 | {{/code}} | ||
780 | |||
781 | ==== ordercomment ==== | ||
782 | |||
783 | Тип данных:##// string//## | ||
784 | |||
785 | По умолчанию:##// ''//## | ||
786 | |||
787 | (% class="box infomessage" %) | ||
788 | ((( | ||
789 | Опциональный комментарий к заказу. Максимальная длинна комментария 50 символов. | ||
790 | ))) | ||
791 | |||
792 | ==== requiredloyalty ==== | ||
793 | |||
794 | Тип данных:##// boolean//## | ||
795 | |||
796 | По умолчанию:##// false//## | ||
797 | |||
798 | (% class="box infomessage" %) | ||
799 | ((( | ||
800 | Включает обязательную регистрацию клиента в программе настроенной на объекте. | ||
801 | ))) | ||
802 | |||
803 | ==== resetcart ==== | ||
804 | |||
805 | Тип данных:##// boolean//## | ||
806 | |||
807 | По умолчанию:##// false//## | ||
808 | |||
809 | (% class="box infomessage" %) | ||
810 | ((( | ||
811 | Автоматически очищать содержимое корзины. | ||
812 | ))) | ||
813 | |||
814 | ==== saletermstype ==== | ||
815 | |||
816 | Тип данных:##// string//## | ||
817 | |||
818 | По умолчанию:##// '//default//'//## | ||
819 | |||
820 | (% class="box infomessage" %) | ||
821 | ((( | ||
822 | Перед оплатой просит пользователя согласиться с правилами в форме галочки или всплывающего окна | ||
823 | ))) | ||
824 | |||
825 | {{code language="javascript"}} | ||
826 | saletermstype: 'checkbox' // потребует установку галочки для согласия. | ||
827 | saletermstype: 'dialog' // покажет всплывающее окно с правилами, которые нужно принять. | ||
828 | saletermstype: 'default' // принятие правил не требуется. | ||
829 | {{/code}} | ||
830 | |||
831 | ==== shownoticketsseances ==== | ||
832 | |||
833 | Тип данных:##// boolean//## | ||
834 | |||
835 | По умолчанию:##// false//## | ||
836 | |||
837 | (% class="box infomessage" %) | ||
838 | ((( | ||
839 | Не скрывать сеансы, на которые закончились билеты. Работает если **##tariffsseancesfilter: true##** | ||
840 | ))) | ||
841 | |||
842 | ==== showoverseances ==== | ||
843 | |||
844 | Тип данных:##// boolean//## | ||
845 | |||
846 | По умолчанию:##// false//## | ||
847 | |||
848 | (% class="box infomessage" %) | ||
849 | ((( | ||
850 | Отвечает за отображение прошедших сеансов в списке для фильтрации по времени. При значении **##true##** прошедшие сеансы будут отображаться, но недоступны для выбора пользователем. Работает если **##tariffsseancesfilter: true##** | ||
851 | ))) | ||
852 | |||
853 | [[image:1702554598837-627.png]] | ||
854 | |||
855 | ==== tariffsseancesfilter ==== | ||
856 | |||
857 | Тип данных:##// boolean//## | ||
858 | |||
859 | По умолчанию:##// false//## | ||
860 | |||
861 | (% class="box infomessage" %) | ||
862 | ((( | ||
863 | Включить отображение фильтра тарифов по сеансам. | ||
864 | ))) | ||
865 | |||
866 | [[image:https://info.moipass.ru/images/tariffsseancesfilter.png||alt="Example"]] | ||
867 | |||
868 | ==== ==== | ||
869 | |||
870 | ==== hidenext ==== | ||
871 | |||
872 | Тип данных:##// boolean//## | ||
873 | |||
874 | По умолчанию:##// false//## | ||
875 | |||
876 | (% class="box infomessage" %) | ||
877 | ((( | ||
878 | Убирает кнопку Далее, которая отображается после добавления тарифа в корзину до резервирования. | ||
879 | ))) | ||
880 | |||
881 | === Предзаказ === | ||
882 | |||
883 | ==== preorder ==== | ||
884 | |||
885 | Тип данных:##// Array<object>//## | ||
886 | |||
887 | По умолчанию:##// undefined//## | ||
888 | |||
889 | (% class="box infomessage" %) | ||
890 | ((( | ||
891 | Параметр, позволяющий купить сразу несколько услуг и перейти к подтверждению покупки. | ||
892 | • ##id## — id услуги к покупке | ||
893 | • ##date## — дата, на которую покупается услуга | ||
894 | • ##count## — количество покупаемых услуг | ||
895 | ))) | ||
896 | |||
897 | ===== Пример передаваемых данных: ===== | ||
898 | |||
899 | {{code language="javascript"}} | ||
900 | // либо WPOpenModal({}) | ||
901 | WPOpen({ | ||
902 | preorder: [ | ||
903 | { | ||
904 | id: 57, | ||
905 | date: '06.06.2019', | ||
906 | count: 1 | ||
907 | }, { | ||
908 | id: 58, | ||
909 | date: '07.06.2019', | ||
910 | count: 2 | ||
911 | } | ||
912 | ] | ||
913 | }) | ||
914 | {{/code}} | ||
915 | |||
916 | ---- | ||
917 | |||
918 | === Услуги, пакеты услуг, группы услуг === | ||
919 | |||
920 | ==== tariffsid ==== | ||
921 | |||
922 | Тип данных:##// Array<number> //##//|## boolean##// | ||
923 | |||
924 | По умолчанию:##// []//## | ||
925 | |||
926 | (% class="box infomessage" %) | ||
927 | ((( | ||
928 | Тарифы, которые следует показать на вкладке «Покупка услуг». | ||
929 | По умолчанию массив пуст и не показывает отдельно никакие из услуг. | ||
930 | Используется для принудительной фильтрации в том случае, когда определённому пользователю необходимо показывать услуги, доступные только для него. | ||
931 | ))) | ||
932 | |||
933 | Пример: | ||
934 | |||
935 | {{code language="javascript"}} | ||
936 | tariffsid: [29, 30] // покажет тарифы с id 29 и 30 во вкладке «Покупка услуг». | ||
937 | tariffsid: "15, 16" // покажет тарифы с id 15 и 16 во вкладке «Покупка услуг». | ||
938 | tariffsid: false // уберёт все тарифы с первой страницы | ||
939 | {{/code}} | ||
940 | |||
941 | ==== rewritetariffsid ==== | ||
942 | |||
943 | Тип данных:##// Array<number> //##//|## boolean##// | ||
944 | |||
945 | По умолчанию:##// []//## | ||
946 | |||
947 | (% class="box infomessage" %) | ||
948 | ((( | ||
949 | Тарифы, которые следует показать после ввода карты во вкладке «Пополнение услуг». | ||
950 | По умолчанию массив пуст и не показывает отдельно никакие из услуг. | ||
951 | Используется для принудительной фильтрации в том случае, когда определённому пользователю необходимо показывать услуги, доступные только для него. | ||
952 | ))) | ||
953 | |||
954 | Пример: | ||
955 | |||
956 | {{code language="javascript"}} | ||
957 | rtariffsid: [56, 57] // покажет тарифы с id 56 и 57 после ввода карты во вкладке «Пополнение услуг» | ||
958 | rtariffsid: false // уберёт все тарифы во вкладке «Пополнение услуг» | ||
959 | {{/code}} | ||
960 | |||
961 | ==== rtariffsid ==== | ||
962 | |||
963 | (% class="box infomessage" %) | ||
964 | ((( | ||
965 | См. **##rewritetariffsid##**. Доступен и в старой версии виджета | ||
966 | ))) | ||
967 | |||
968 | ==== bundlesid ==== | ||
969 | |||
970 | Тип данных:##// Array<number> //##//|## boolean##// | ||
971 | |||
972 | По умолчанию:##// []//## | ||
973 | |||
974 | (% class="box infomessage" %) | ||
975 | ((( | ||
976 | Пакеты услуг, которые следует показать на первой странице. | ||
977 | По умолчанию массив пуст и не показывает отдельно никакие из пакетов услуг. | ||
978 | Используется для принудительной фильтрации в том случае, когда определённому пользователю необходимо показывать пакеты услуг, доступные только для него. | ||
979 | ))) | ||
980 | |||
981 | Пример: | ||
982 | |||
983 | {{code language="javascript"}} | ||
984 | bundlesid: [4, 5] // покажет пакеты услуг с id 4 и 5 в момент открытия виджета. | ||
985 | bundlesid: false // уберёт все пакеты услуг с первой страницы | ||
986 | {{/code}} | ||
987 | |||
988 | ==== bundleslessonstariffsid ==== | ||
989 | |||
990 | Тип данных:##// Array<number>//## | ||
991 | |||
992 | По умолчанию:##// []//## | ||
993 | |||
994 | (% class="box infomessage" %) | ||
995 | ((( | ||
996 | Фильтр списка доступных связок занятий по массиву идентификаторов | ||
997 | ))) | ||
998 | |||
999 | ==== groupid ==== | ||
1000 | |||
1001 | Тип данных:##// number//## | ||
1002 | |||
1003 | По умолчанию:##// undefined//## | ||
1004 | |||
1005 | (% class="box infomessage" %) | ||
1006 | ((( | ||
1007 | Параметр, который форсирует показ определённой группы услуг ппс. **##groupid: 5##** покажет только одну группу с **##id##** 5 в виджете. | ||
1008 | ))) | ||
1009 | |||
1010 | ---- | ||
1011 | |||
1012 | (% class="box warningmessage" %) | ||
1013 | ((( | ||
1014 | **##* ##**- доступно в новой версии виджета | ||
1015 | ))) |