Исходный код вики Для_разработчиков
Версия 59.1 от Михаил Галич на 27.12.2023, 12:09
Последние авторы
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 | ==== notariffs ==== | ||
361 | |||
362 | Тип данных:##// boolean//## | ||
363 | |||
364 | По умолчанию:##// false//## | ||
365 | |||
366 | (% class="box infomessage" %) | ||
367 | ((( | ||
368 | Если **##true##** скрывает фильтр по программе обучения инструкторских занятий | ||
369 | ))) | ||
370 | |||
371 | [[image:1703063138160-208.png]] | ||
372 | |||
373 | ==== personallessonsskillstariffs **##*##** ==== | ||
374 | |||
375 | Тип данных:##// object//## | ||
376 | |||
377 | По умолчанию:##// {}//## | ||
378 | |||
379 | (% class="box infomessage" %) | ||
380 | ((( | ||
381 | Ограничивает список тарифов (в фильтре) при выборе конкретной дисциплины. | ||
382 | Принимает объект, внутри которого указываются пары ключ/значение по выражению: {skillid}: [{tariffid},...] | ||
383 | ))) | ||
384 | |||
385 | Пример: | ||
386 | |||
387 | {{code language="javascript"}} | ||
388 | personallessonsskillstariffs: { | ||
389 | "1": [ 15, 23] // При выборе дисциплины с id 1 - отображать тарифы с id 15 и 23 | ||
390 | } | ||
391 | {{/code}} | ||
392 | |||
393 | ==== placeid **##*##** ==== | ||
394 | |||
395 | Тип данных:##// number//## | ||
396 | |||
397 | По умолчанию:##// undefined//## | ||
398 | |||
399 | (% class="box infomessage" %) | ||
400 | ((( | ||
401 | идентификатор места, использующийся для получения списка инструкторов. | ||
402 | ))) | ||
403 | |||
404 | ==== skills **##*##** ==== | ||
405 | |||
406 | Тип данных:##// Array<number>//## | ||
407 | |||
408 | По умолчанию:##// []//## | ||
409 | |||
410 | (% class="box infomessage" %) | ||
411 | ((( | ||
412 | Ограничить видимость доступных к выбору дисциплин по идентификатору | ||
413 | ))) | ||
414 | |||
415 | [[image:1702639385677-964.png]] | ||
416 | |||
417 | === Календарь и даты === | ||
418 | |||
419 | ==== disableddates ==== | ||
420 | |||
421 | Тип данных:##// Array<string>//## | ||
422 | |||
423 | По умолчанию:##// []//## | ||
424 | |||
425 | (% class="box infomessage" %) | ||
426 | ((( | ||
427 | Параметр отключения дат в календаре (и в //покупке// и в //пополнении//). Делает невозможным выбор определённых дней в массиве дат. | ||
428 | ))) | ||
429 | |||
430 | Пример: | ||
431 | |||
432 | {{code language="javascript"}} | ||
433 | disableddates: ['23.02.2018', '08.03.2018'] // уберёт даты 23.02.2018 и 08.03.2018 из возможных для выбора дат в календаре. | ||
434 | {{/code}} | ||
435 | |||
436 | ==== forcedate ==== | ||
437 | |||
438 | Тип данных:##// string//## | ||
439 | |||
440 | По умолчанию:##// undefined//## | ||
441 | |||
442 | (% class="box infomessage" %) | ||
443 | ((( | ||
444 | Параметр для открывания виджета с указанной сразу датой (и в //покупке// и в //пополнении//). | ||
445 | **##forcedate: '20.05.2018'##** покажет услуги к продаже на дату 20.05.2018. | ||
446 | ))) | ||
447 | |||
448 | ==== maxdate ==== | ||
449 | |||
450 | Тип данных:##// string//## | ||
451 | |||
452 | По умолчанию:##// undefined//## | ||
453 | |||
454 | (% class="box infomessage" %) | ||
455 | ((( | ||
456 | Параметр максимальной отображаемой даты в календаре (и в //покупке// и в //пополнении//). | ||
457 | **##maxdate: '20.05.2018'##** покажет 20.05.2018 как самую последнюю дату, доступную к выбору в календаре. | ||
458 | ))) | ||
459 | |||
460 | ==== mindate ==== | ||
461 | |||
462 | Тип данных:##// string//## | ||
463 | |||
464 | По умолчанию:##// undefined//## | ||
465 | |||
466 | (% class="box infomessage" %) | ||
467 | ((( | ||
468 | Параметр минимальной отображаемой даты в календаре (и в //покупке// и в //пополнении//). | ||
469 | **##mindate: '20.05.2018'##** покажет 20.05.2018 как самую первую дату, доступную к выбору в календаре, если она находится после текущего дня. | ||
470 | ))) | ||
471 | |||
472 | ==== nocalendar ==== | ||
473 | |||
474 | Тип данных:## //boolean//## | ||
475 | |||
476 | По умолчанию:##// false//## | ||
477 | |||
478 | (% class="box infomessage" %) | ||
479 | ((( | ||
480 | Убирает календарь внутри виджета (и в //покупке// и в //пополнении//), в случаях, когда дата, на которую покупается/пополняется билет, не важна. | ||
481 | ))) | ||
482 | |||
483 | ---- | ||
484 | |||
485 | === Отображение === | ||
486 | |||
487 | ==== cartmaxitems **##*##** ==== | ||
488 | |||
489 | Тип данных:##// number//## | ||
490 | |||
491 | По умолчанию:##// 6//## | ||
492 | |||
493 | (% class="box infomessage" %) | ||
494 | ((( | ||
495 | Ограничивает максимальное кол-во товаров в корзине. ##Минимальное значение 1, но не меньше **cartminitems**. Максимальное значение 60.## | ||
496 | ))) | ||
497 | |||
498 | ==== cartminitems **##*##** ==== | ||
499 | |||
500 | Тип данных:##// number//## | ||
501 | |||
502 | По умолчанию:##// 1//## | ||
503 | |||
504 | (% class="box infomessage" %) | ||
505 | ((( | ||
506 | Ограничивает минимальное кол-во товаров в корзине. ##Минимальное значение 1. Максимальное значение 60, но не больше **cartmaxitems**.## | ||
507 | ))) | ||
508 | |||
509 | ==== clubsiteid ==== | ||
510 | |||
511 | Тип данных:##// number//## | ||
512 | |||
513 | По умолчанию:##// 0//## | ||
514 | |||
515 | (% class="box infomessage" %) | ||
516 | ((( | ||
517 | Вызов сайта для оформления клубного контракта | ||
518 | ))) | ||
519 | |||
520 | ==== customseancetitles ==== | ||
521 | |||
522 | Типа данных: ##//Array<object>//## | ||
523 | |||
524 | (% class="box infomessage" %) | ||
525 | ((( | ||
526 | Выводит цветную текст-метку над сеансом. | ||
527 | Описание параметров объекта текста-метки: | ||
528 | \\##**seanceId**## - идентификатор сеанса, у которого нужно отобразить текст-метку | ||
529 | ##**days**## - массив с днями недели, в которые нужно отобразить текст-метку. **ВАЖНО**: 0 - воскресенье, 1 - понедельник ... 6 - суббота | ||
530 | ##**dates**## - массив с датами, в которые нужно отобразить текст-метку независимо от массива дней. | ||
531 | ##**color**## - любой валидный CSS цвет текста-метки | ||
532 | ##**text**## - текст, который нужно отобразить | ||
533 | \\Работает если **##tariffsseancesfilter: true##** | ||
534 | ))) | ||
535 | |||
536 | Пример: | ||
537 | |||
538 | {{code language="javascript"}} | ||
539 | customseancetitles: [ | ||
540 | { | ||
541 | seanceId: 1, | ||
542 | text: "Тематический сеанс", | ||
543 | color: "#f00", | ||
544 | days: [0,1], | ||
545 | dates: ["25.12.2023","17.04.2025"] | ||
546 | } | ||
547 | ] | ||
548 | {{/code}} | ||
549 | |||
550 | ==== disablemultipleseances **##*##** ==== | ||
551 | |||
552 | Тип данных:##// boolean//## | ||
553 | |||
554 | По умолчанию:##// false//## | ||
555 | |||
556 | (% class="box infomessage" %) | ||
557 | ((( | ||
558 | Параметр предотвращает добавление в корзину тарифов с различными сеансами. | ||
559 | Таким образом как только в корзине появится хоть один товар с сеансом "10:00 - 11:30", товары, у которых есть сеанс например "13:00 - 14:30" будет невозможно добавить в корзину. | ||
560 | Товары без сеансов **не будут затронуты**. | ||
561 | ))) | ||
562 | |||
563 | ==== forcemedia ==== | ||
564 | |||
565 | Тип данных:##// string//## | ||
566 | |||
567 | По умолчанию:##// ''//## | ||
568 | |||
569 | (% class="box infomessage" %) | ||
570 | ((( | ||
571 | Параметр, который вставяет строчку с носителем в поле носителя во вкладке «Пополнение услуг». Используется, например, для QR-кода нанесённого на носитель, чтобы быстро его пополнить. | ||
572 | ))) | ||
573 | |||
574 | Пример: | ||
575 | |||
576 | {{code language="javascript"}} | ||
577 | forcemedia: 'E0012345678900' | ||
578 | {{/code}} | ||
579 | |||
580 | ==== forceseanceid **##*##** ==== | ||
581 | |||
582 | Тип данных:##// number//## | ||
583 | |||
584 | По умолчанию без указания идентификатора не учитывается. | ||
585 | |||
586 | (% class="box infomessage" %) | ||
587 | ((( | ||
588 | Заставит виджет выбрать мероприятие арены по идентификатору платформы и не позволять вернуться к этапу выбора других мероприятий. | ||
589 | ))) | ||
590 | |||
591 | ==== forcesectorid **##*##** ==== | ||
592 | |||
593 | Тип данных:##// number//## | ||
594 | |||
595 | По умолчанию без указания идентификатора не учитывается. | ||
596 | |||
597 | (% class="box infomessage" %) | ||
598 | ((( | ||
599 | Заставит виджет выбрать сектор мероприятия по **##id##** и не позволять вернуться к этапу выбора других секторов. | ||
600 | ))) | ||
601 | |||
602 | ==== forcetab **##*##** ==== | ||
603 | |||
604 | Тип данных:##// string//## | ||
605 | |||
606 | По умолчанию:##// ''//## | ||
607 | |||
608 | (% class="box infomessage" %) | ||
609 | ((( | ||
610 | Переключение на необходимую вкладку виджета («**покупка услуг**» или «**пополнение услуг**») при загрузке. | ||
611 | По умолчанию открывается вкладка «**покупка услуг**». | ||
612 | **##forcetab: 'rewrite'##** принудительно откроет «**пополнение услуг**». | ||
613 | Обычно используется в комбинации с параметром **##onlytab##** | ||
614 | ))) | ||
615 | |||
616 | ==== locale **##*##** ==== | ||
617 | |||
618 | Тип данных:##// string//## | ||
619 | |||
620 | По умолчанию:##// ''//## | ||
621 | |||
622 | (% class="box infomessage" %) | ||
623 | ((( | ||
624 | Параметр локализации. Позволяет переключать между языками виджета, например 'ru' - русский язык, 'en' - английский язык. | ||
625 | ))) | ||
626 | |||
627 | ==== minimap **##*##** ==== | ||
628 | |||
629 | Тип данных:##// boolean//## | ||
630 | |||
631 | По умолчанию:##// true//## | ||
632 | |||
633 | (% class="box infomessage" %) | ||
634 | ((( | ||
635 | Отображать миникарту. | ||
636 | ))) | ||
637 | |||
638 | ==== minimapaspect **##*##** ==== | ||
639 | |||
640 | Тип данных:##// number//## | ||
641 | |||
642 | По умолчанию:##// 0.2//## | ||
643 | |||
644 | (% class="box infomessage" %) | ||
645 | ((( | ||
646 | Размер миникарты относительной полного размера карты, а не контейнера, в которой она находится. | ||
647 | ))) | ||
648 | |||
649 | ==== nopromo **##*##** ==== | ||
650 | |||
651 | Тип данных:##// boolean//## | ||
652 | |||
653 | По умолчанию:##// false//## | ||
654 | |||
655 | (% class="box infomessage" %) | ||
656 | ((( | ||
657 | Убирает вывод промокода на странице подтверждения заказа. | ||
658 | ))) | ||
659 | |||
660 | ==== onlytab **##*##** ==== | ||
661 | |||
662 | Тип данных:##// string //##//|## Array<string>##// | ||
663 | |||
664 | По умолчанию:##// []//## | ||
665 | |||
666 | (% class="box infomessage" %) | ||
667 | ((( | ||
668 | Скрытие других вкладок виджета («покупка услуг» или «пополнение услуг») при загрузке. Обычно используется в комбинации с параметром **##forcetab##** | ||
669 | ))) | ||
670 | |||
671 | {{code language="javascript"}} | ||
672 | onlytab: 'service' // покажет только вкладку «покупка услуг». | ||
673 | onlytab: 'rewrite' // покажет только вкладку «пополнение услуг». | ||
674 | onlytab: ['service', 'rewrite'] // покажет только вкладки «покупка услуг» и «пополнение услуг»; | ||
675 | {{/code}} | ||
676 | |||
677 | ==== ordercomment **##*##** ==== | ||
678 | |||
679 | Тип данных:##// string//## | ||
680 | |||
681 | По умолчанию:##// ''//## | ||
682 | |||
683 | (% class="box infomessage" %) | ||
684 | ((( | ||
685 | Опциональный комментарий к заказу. Максимальная длинна комментария 50 символов. | ||
686 | ))) | ||
687 | |||
688 | ==== requiredloyalty **##*##** ==== | ||
689 | |||
690 | Тип данных:##// boolean//## | ||
691 | |||
692 | По умолчанию:##// false//## | ||
693 | |||
694 | (% class="box infomessage" %) | ||
695 | ((( | ||
696 | Включает обязательную регистрацию клиента в программе настроенной на объектке. | ||
697 | ))) | ||
698 | |||
699 | ==== resetcart **##*##** ==== | ||
700 | |||
701 | Тип данных:##// boolean//## | ||
702 | |||
703 | По умолчанию:##// false//## | ||
704 | |||
705 | (% class="box infomessage" %) | ||
706 | ((( | ||
707 | Автоматически очищать содержимое корзины. | ||
708 | ))) | ||
709 | |||
710 | ==== saletermstype **##*##** ==== | ||
711 | |||
712 | Тип данных:##// string//## | ||
713 | |||
714 | По умолчанию:##// '//default//'//## | ||
715 | |||
716 | (% class="box infomessage" %) | ||
717 | ((( | ||
718 | Перед оплатой просит пользователя согласиться с правилами в форме галочки или всплывающего окна | ||
719 | ))) | ||
720 | |||
721 | {{code language="javascript"}} | ||
722 | saletermstype: 'checkbox' // потребует установку галочки для согласия. | ||
723 | saletermstype: 'dialog' // покажет всплывающее окно с правилами, которые нужно принять. | ||
724 | saletermstype: 'default' // принятие правил не требуется. | ||
725 | {{/code}} | ||
726 | |||
727 | ==== shownoticketsseances **##*##** ==== | ||
728 | |||
729 | Тип данных:##// boolean//## | ||
730 | |||
731 | По умолчанию:##// false//## | ||
732 | |||
733 | (% class="box infomessage" %) | ||
734 | ((( | ||
735 | Не скрывать сеансы, на которые закончились билеты. Работает если **##tariffsseancesfilter: true##** | ||
736 | ))) | ||
737 | |||
738 | ==== showoverseances **##*##** ==== | ||
739 | |||
740 | Тип данных:##// boolean//## | ||
741 | |||
742 | По умолчанию:##// false//## | ||
743 | |||
744 | (% class="box infomessage" %) | ||
745 | ((( | ||
746 | Отвечает за отображение прошедших сеансов в списке для фильтрации по времени. При значении **##true##** прошедшие сеансы будут отображаться, но недоступны для выбора пользователем. Работает если **##tariffsseancesfilter: true##** | ||
747 | ))) | ||
748 | |||
749 | [[image:1702554598837-627.png]] | ||
750 | |||
751 | ==== tariffsseancesfilter **##*##** ==== | ||
752 | |||
753 | Тип данных:##// boolean//## | ||
754 | |||
755 | По умолчанию:##// false//## | ||
756 | |||
757 | (% class="box infomessage" %) | ||
758 | ((( | ||
759 | Включить отображение фильтра тарифов по сеансам. | ||
760 | ))) | ||
761 | |||
762 | [[image:https://info.moipass.ru/images/tariffsseancesfilter.png||alt="Example"]] | ||
763 | |||
764 | ---- | ||
765 | |||
766 | === Предзаказ === | ||
767 | |||
768 | ==== preorder ==== | ||
769 | |||
770 | Тип данных:##// Array<object>//## | ||
771 | |||
772 | По умолчанию:##// undefined//## | ||
773 | |||
774 | (% class="box infomessage" %) | ||
775 | ((( | ||
776 | Параметр, позволяющий купить сразу несколько услуг и перейти к подтверждению покупки. | ||
777 | • ##id## — id услуги к покупке | ||
778 | • ##date## — дата, на которую покупается услуга | ||
779 | • ##count## — количество покупаемых услуг | ||
780 | ))) | ||
781 | |||
782 | ===== Пример передаваемых данных: ===== | ||
783 | |||
784 | {{code language="javascript"}} | ||
785 | // либо WPOpenModal({}) | ||
786 | WPOpen({ | ||
787 | preorder: [ | ||
788 | { | ||
789 | id: 57, | ||
790 | date: '06.06.2019', | ||
791 | count: 1 | ||
792 | }, { | ||
793 | id: 58, | ||
794 | date: '07.06.2019', | ||
795 | count: 2 | ||
796 | } | ||
797 | ] | ||
798 | }) | ||
799 | {{/code}} | ||
800 | |||
801 | ---- | ||
802 | |||
803 | === Услуги, пакеты услуг, группы услуг === | ||
804 | |||
805 | ==== tariffsid ==== | ||
806 | |||
807 | Тип данных:##// Array<number> //##//|## boolean##// | ||
808 | |||
809 | По умолчанию:##// []//## | ||
810 | |||
811 | (% class="box infomessage" %) | ||
812 | ((( | ||
813 | Тарифы, которые следует показать на вкладке «Покупка услуг». | ||
814 | По умолчанию массив пуст и не показывает отдельно никакие из услуг. | ||
815 | Используется для принудительной фильтрации в том случае, когда определённому пользователю необходимо показывать услуги, доступные только для него. | ||
816 | ))) | ||
817 | |||
818 | Пример: | ||
819 | |||
820 | {{code language="javascript"}} | ||
821 | tariffsid: [29, 30] // покажет тарифы с id 29 и 30 во вкладке «Покупка услуг». | ||
822 | tariffsid: false // уберёт все тарифы с первой страницы | ||
823 | {{/code}} | ||
824 | |||
825 | ==== rewritetariffsid **##*##** ==== | ||
826 | |||
827 | Тип данных:##// Array<number> //##//|## boolean##// | ||
828 | |||
829 | По умолчанию:##// []//## | ||
830 | |||
831 | (% class="box infomessage" %) | ||
832 | ((( | ||
833 | Тарифы, которые следует показать после ввода карты во вкладке «Пополнение услуг». | ||
834 | По умолчанию массив пуст и не показывает отдельно никакие из услуг. | ||
835 | Используется для принудительной фильтрации в том случае, когда определённому пользователю необходимо показывать услуги, доступные только для него. | ||
836 | ))) | ||
837 | |||
838 | Пример: | ||
839 | |||
840 | {{code language="javascript"}} | ||
841 | rtariffsid: [56, 57] // покажет тарифы с id 56 и 57 после ввода карты во вкладке «Пополнение услуг» | ||
842 | rtariffsid: false // уберёт все тарифы во вкладке «Пополнение услуг» | ||
843 | {{/code}} | ||
844 | |||
845 | ==== rtariffsid ==== | ||
846 | |||
847 | (% class="box infomessage" %) | ||
848 | ((( | ||
849 | См. **##rewritetariffsid##**. Доступен и в старой версии виджета | ||
850 | ))) | ||
851 | |||
852 | ==== bundlesid ==== | ||
853 | |||
854 | Тип данных:##// Array<number> //##//|## boolean##// | ||
855 | |||
856 | По умолчанию:##// []//## | ||
857 | |||
858 | (% class="box infomessage" %) | ||
859 | ((( | ||
860 | Пакеты услуг, которые следует показать на первой странице. | ||
861 | По умолчанию массив пуст и не показывает отдельно никакие из пакетов услуг. | ||
862 | Используется для принудительной фильтрации в том случае, когда определённому пользователю необходимо показывать пакеты услуг, доступные только для него. | ||
863 | ))) | ||
864 | |||
865 | Пример: | ||
866 | |||
867 | {{code language="javascript"}} | ||
868 | bundlesid: [4, 5] // покажет пакеты услуг с id 4 и 5 в момент открытия виджета. | ||
869 | bundlesid: false // уберёт все пакеты услуг с первой страницы | ||
870 | {{/code}} | ||
871 | |||
872 | ==== bundleslessonstariffsid ==== | ||
873 | |||
874 | Тип данных:##// Array<number>//## | ||
875 | |||
876 | По умолчанию:##// []//## | ||
877 | |||
878 | (% class="box infomessage" %) | ||
879 | ((( | ||
880 | Фильтр списка доступных связок занятий по массиву идентификаторов | ||
881 | ))) | ||
882 | |||
883 | ==== groupid ==== | ||
884 | |||
885 | Тип данных:##// number//## | ||
886 | |||
887 | По умолчанию:##// undefined//## | ||
888 | |||
889 | (% class="box infomessage" %) | ||
890 | ((( | ||
891 | Параметр, который форсирует показ определённой группы услуг ппс. **##groupid: 5##** покажет только одну группу с **##id##** 5 в виджете. | ||
892 | ))) | ||
893 | |||
894 | ---- | ||
895 | |||
896 | (% class="box warningmessage" %) | ||
897 | ((( | ||
898 | **##* ##**- доступно в новой версии виджета | ||
899 | ))) |