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