Изменения документа Для_разработчиков
Редактировал(а) Михаил Галич 26.11.2024, 12:16
<
>
отредактировано Михаил Галич
на 13.12.2023, 10:20
на 13.12.2023, 10:20
отредактировано Михаил Галич
на 12.12.2023, 11:27
на 12.12.2023, 11:27
Изменить комментарий:
Убрал пустые заголовки 4
Комментарий
-
Свойства страницы (1 изменено, 0 добавлено, 0 удалено)
Подробности
- Свойства страницы
-
- Содержимое
-
... ... @@ -2,7 +2,7 @@ 2 2 3 3 = Инструкция для подключения = 4 4 5 -Назначение данного раздела — описать способы взаимодействия с виджетом Веб-платформы по задуман ному вами сценарию. Типичный процесс подключения, открытия и отслеживания виджета выглядит так:5 +Назначение данного раздела — описать способы взаимодействия с виджетом Веб-платформы по задуманому вами сценарию. Типичный процесс подключения, открытия и отслеживания виджета выглядит так: 6 6 7 7 ~1. Подключите скрипт ##external.script.js## к вашему сайту. Его адрес будет доступен **после добавления сайта** в процессе настройки в **администраторской панели Веб-Платформы**, так же как и параметр ##id## для подключения 8 8 ... ... @@ -41,7 +41,7 @@ 41 41 42 42 ===== Минимальный способ инициализации: ===== 43 43 44 -* ##WPInit({ id: 1 })##44 +* WPInit({ id: 1 }) 45 45 46 46 ===== Пример передаваемых данных: ===== 47 47 ... ... @@ -58,7 +58,7 @@ 58 58 59 59 == WPOpen({params}) == 60 60 61 -Функция открытия виджета в каком-либо блоке, используется при инициализации виджета с ##type: 'instant'##61 +Функция открытия виджета в каком-либо блоке, используется при инициализации виджета с type: 'instant' 62 62 63 63 ===== Пример передаваемых данных: ===== 64 64 ... ... @@ -71,17 +71,11 @@ 71 71 72 72 == WPOpenModal({params}) == 73 73 74 -Функция открытия виджета в модальном окне, используется при инициализации виджета с ##type: 'modal'##74 +Функция открытия виджета в модальном окне, используется при инициализации виджета с type: 'modal' 75 75 76 76 ===== Пример передаваемых данных: ===== 77 77 78 -{{code language="javascript"}} 79 -// показ виджета на нажатие кнопки с id "OpenButton" 80 -var OpenButton = document.getElementById('OpenButton'); 81 -OpenButton.onclick = function () { 82 - WPOpenModal({ tariffsid: [27, 28] }); 83 -}; 84 -{{/code}} 78 +{{{// показ виджета на нажатие кнопки с id "OpenButton" var OpenButton = document.getElementById('OpenButton'); OpenButton.onclick = function() { WPOpenModal({ tariffsid: [27, 28] }) }}}} 85 85 86 86 == WPChange({status, data}) == 87 87 ... ... @@ -89,10 +89,10 @@ 89 89 90 90 ===== Примеры передаваемых данных: ===== 91 91 92 -* ##{ status:'starting' }##— виджет в процессе запуска, в этот момент определяется, что он должен в данный момент отображать93 -* ##{ status:'started' }##— виджет на начальном экране, где показывается список услуг для покупки94 -* ##{ status:'reserved', data: { order_id: 2 } }##— виджет находится на стадии забронированного заказ, в data передаётся id95 -* ##{ status:'completed', data: { order_id: 2 } }##— виджет находится на стадии оплаченного заказ, в data передаётся id заказа86 +* { status:'starting' } — виджет в процессе запуска, в этот момент определяется, что он должен в данный момент отображать 87 +* { status:'started' } — виджет на начальном экране, где показывается список услуг для покупки 88 +* { status:'reserved', data: { order_id: 2 } } — виджет находится на стадии забронированного заказ, в data передаётся id 89 +* { status:'completed', data: { order_id: 2 } } — виджет находится на стадии оплаченного заказ, в data передаётся id заказа 96 96 97 97 ===== Пример работы с данными: ===== 98 98 ... ... @@ -117,53 +117,35 @@ 117 117 118 118 == Обязательные параметры WPInit == 119 119 120 -==== id ==== 114 +==== id: 1 ==== 121 121 122 -Тип данных:## //number//## 123 - 124 124 id виджета, который можно узнать в Административной панели 125 125 126 126 == Возможные параметры WPInit == 127 127 128 -==== height ==== 120 +==== height: 480 ==== 129 129 130 -Тип данных:## //number //##//|## boolean##// 131 - 132 -По умолчанию:##// false//## 133 - 134 134 Высота виджета в пикселях, по умолчанию: 135 135 136 136 * 480px, если виджет запущен как type: 'modal' 137 137 * 100%, если виджет запущен как type: 'instant' 138 138 139 -==== width ==== 127 +==== width: 640 ==== 140 140 141 -Тип данных:## //number //##//|## boolean##// 142 - 143 -По умолчанию:##// false//## 144 - 145 145 Ширина виджета в пикселях, по умолчанию: 146 146 147 147 * 640px, если виджет запущен как type: 'modal' 148 148 * 100%, если виджет запущен как type: 'instant' 149 149 150 -==== type ==== 134 +==== type: 'modal' ==== 151 151 152 - Тип данных:##//string//##136 +Способ открытия виджета, по умолчанию 'instant': 153 153 154 -По умолчанию:##// 'instant'//## 155 - 156 -Способ открытия виджета 157 - 158 158 * 'instant' Открытие виджета на месте, где был вызов виджета (на месте тэга script), либо в блоке place, если он указан в параметрах виджета при инициализации 159 159 * 'modal' Открытие виджета в модальном окне 160 160 161 -==== place ==== 141 +==== place: '#place' ==== 162 162 163 -Тип данных:## //string //##//|## boolean##// 164 - 165 -По умолчанию:##// false//## 166 - 167 167 Идентификатор элемента DOM, в который необходимо поместить виджет, например: #widget. Используется совместно с type: 'instant' 168 168 169 169 (% class="box warningmessage" %) ... ... @@ -177,66 +177,53 @@ 177 177 178 178 === Календарь и даты === 179 179 180 -==== nocalendar ==== 156 +==== nocalendar: false ==== 181 181 182 - Типданных:##//boolean//##158 +Убирает календарь внутри виджета (и в //покупке// и в //пополнении//), в случаях, когда дата, на которую покупается/пополняется билет, не важна. По умолчанию false 183 183 184 - Поумолчанию:##// false//##160 +==== mindate: '01.01.2019' ==== 185 185 186 - Убираеткалендарьвнутри виджета (и в //покупке// и в //пополнении//),вслучаях,когда дата, накоторуюпокупается/пополняетсябилет,неважна.162 +Параметр минимальной отображаемой даты в календаре (и в //покупке// и в //пополнении//). mindate: '20.05.2018' покажет 20.05.2018 как самую первую дату, доступную к выбору в календаре, если она находится после текущего дня 187 187 188 -==== maxdate: '01.01.2020' ##//string//##====164 +==== maxdate: '01.01.2020' ==== 189 189 190 190 Параметр максимальной отображаемой даты в календаре (и в //покупке// и в //пополнении//). maxdate: '20.05.2018' покажет 20.05.2018 как самую последнюю дату, доступную к выбору в календаре. 191 191 192 -==== mindate: '01.01.2019'##//string//##====168 +==== forcedate: '12.06.2019' ==== 193 193 194 -Параметр минимальной отображаемой даты в календаре (и в //покупке// и в //пополнении//). mindate: '20.05.2018' покажет 20.05.2018 как самую первую дату, доступную к выбору в календаре, если она находится после текущего дня 195 - 196 -==== forcedate: '12.06.2019' ##//string//## ==== 197 - 198 198 Параметр для открывания виджета с указанной сразу датой (и в //покупке// и в //пополнении//). forcedate: '20.05.2018' покажет услуги к продаже на дату 20.05.2018. 199 199 200 -==== disableddates: ['23.02.2019', … ] ##//Array<string>//##====172 +==== disableddates: ['23.02.2019', … ] ==== 201 201 202 202 Параметр отключения дат в календаре (и в //покупке// и в //пополнении//). Делает невозможным выбор определённых дней в массиве дат. 203 -Пример использования: 175 +Пример использования: disableddates: ['23.02.2018', '08.03.2018'] уберёт даты 23.02.2018 и 08.03.2018 из возможных для выбора дат в календаре. 204 204 205 -{{code language="javascript"}} 206 -disableddates: ['23.02.2018', '08.03.2018'] 207 -{{/code}} 208 - 209 -уберёт даты 23.02.2018 и 08.03.2018 из возможных для выбора дат в календаре. 210 - 211 211 ---- 212 212 213 213 === Услуги, пакеты услуг, группы услуг === 214 214 215 -==== tariffsid: [29, 30, … ] ##//Array<number> | boolean//##====181 +==== tariffsid: [29, 30, … ] ==== 216 216 217 217 Тарифы, которые следует показать на вкладке «Покупка услуг». По умолчанию массив пуст и не показывает отдельно никакие из услуг. Используется для принудительной фильтрации в том случае, когда определённому пользователю необходимо показывать услуги, доступные только для него. 218 - 219 219 Пример использования: 220 - ##tariffsid: [29, 30]##покажет тарифы с id 29 и 30 во вкладке «Покупка услуг».221 - ##tariffsid: false##уберёт все тарифы с первой страницы185 +tariffsid: [29, 30] покажет тарифы с id 29 и 30 во вкладке «Покупка услуг». 186 +tariffsid: false уберёт все тарифы с первой страницы 222 222 223 -==== rtariffsid: [56, 57, … ] ##//Array<number> | boolean//##====188 +==== rtariffsid: [56, 57, … ] ==== 224 224 225 225 Тарифы, которые следует показать после ввода карты во вкладке «Пополнение услуг». По умолчанию массив пуст и не показывает отдельно никакие из услуг. Используется для принудительной фильтрации в том случае, когда определённому пользователю необходимо показывать услуги, доступные только для него. 226 - 227 227 Пример использования: 228 - ##rtariffsid: [56, 57]##покажет тарифы с id 56 и 57 после ввода карты во вкладке «Пополнение услуг»229 - ##tariffsid: false##уберёт все тарифы с первой страницы192 +rtariffsid: [56, 57] покажет тарифы с id 56 и 57 после ввода карты во вкладке «Пополнение услуг» 193 +tariffsid: false уберёт все тарифы с первой страницы 230 230 231 -==== bundlesid: [4, 5, … ] ##//Array<number> | boolean//##====195 +==== bundlesid: [4, 5, … ] ==== 232 232 233 233 Пакеты услуг, которые следует показать на первой странице. По умолчанию массив пуст и не показывает отдельно никакие из пакетов услуг. Используется для принудительной фильтрации в том случае, когда определённому пользователю необходимо показывать пакеты услуг, доступные только для него. 234 - 235 235 Пример использования: 236 - ##bundlesid: [4, 5]##покажет пакеты услуг с id 4 и 5 в момент открытия виджета.237 - ##bundlesid: false##уберёт все пакеты услуг с первой страницы199 +bundlesid: [4, 5] покажет пакеты услуг с id 4 и 5 в момент открытия виджета. 200 +bundlesid: false уберёт все пакеты услуг с первой страницы 238 238 239 -==== groupid: 12 ##//number//##====202 +==== groupid: 12 ==== 240 240 241 241 Параметр, который форсирует показ определённой группы услуг ппс. groupid: 5 покажет только одну группу с id 5 в виджете. 242 242 ... ... @@ -244,7 +244,7 @@ 244 244 245 245 === Предзаказ === 246 246 247 -==== preorder: [{id: 57, date: '06.06.2019', count: 1}, … ] ##//Array<object>//##====210 +==== preorder: [{id: 57, date: '06.06.2019', count: 1}, … ] ==== 248 248 249 249 Параметр, позволяющий купить сразу несколько услуг и перейти к подтверждению покупки. 250 250 ... ... @@ -273,11 +273,11 @@ 273 273 274 274 === Отображение === 275 275 276 -==== forcetab: 'rewrite' ##//string//##====239 +==== forcetab: 'rewrite' ==== 277 277 278 -Переключение на необходимую вкладку виджета («покупка услуг» или «пополнение услуг») при загрузке. По умолчанию открывается вкладка «покупка услуг». forcetab: 'rewrite' принудительно откроет «пополнение услуг». Обычно используется в комбинации с параметром ##onlytab##241 +Переключение на необходимую вкладку виджета («покупка услуг» или «пополнение услуг») при загрузке. По умолчанию открывается вкладка «покупка услуг». forcetab: 'rewrite' принудительно откроет «пополнение услуг». Обычно используется в комбинации с параметром onlytab 279 279 280 -==== onlytab: 'rewrite' ##//string//##====243 +==== onlytab: 'rewrite' ==== 281 281 282 282 Скрытие других вкладок виджета («покупка услуг» или «пополнение услуг») при загрузке. Обычно используется в комбинации с параметром forcetab 283 283 ... ... @@ -284,110 +284,85 @@ 284 284 * onlytab: 'service' покажет только вкладку «покупка услуг». 285 285 * onlytab: 'rewrite' покажет только вкладку «пополнение услуг». 286 286 287 -==== forcemedia: 'E0012345678900' ##//string//##====250 +==== forcemedia: 'E0012345678900' ==== 288 288 289 289 Параметр, который вставяет строчку с носителем в поле носителя во вкладке «Пополнение услуг». Используется, например, для QR-кода нанесённого на носитель, чтобы быстро его пополнить. 290 290 291 -==== nopromo: false ##//boolean//##====254 +==== nopromo: false ==== 292 292 293 -Убирает вывод промокода на странице подтверждения заказа. 256 +Убирает вывод промокода на странице подтверждения заказа. По умолчанию false 294 294 295 - Поумолчанию ##false##258 +==== terminal: true ==== 296 296 297 -==== terminal: true ##//boolean//## ==== 298 - 299 299 Включение режима «терминал» для работы виджета. При этом режиме убирается возможность отослать заказ на SMS, а сам заказ распечатывается на принтере. 300 300 301 -==== cartmaxitems: 5 ##//number//##====262 +==== cartmaxitems: 5 ==== 302 302 303 303 (% class="wikigeneratedid" %) 304 -Ограничивает максимальное кол-во товаров в корзине. Минимальное значение 1. Максимальное значение 60. 265 +Ограничивает максимальное кол-во товаров в корзине. Минимальное значение 1. Максимальное значение 60. По умолчанию 6 305 305 306 -(% class="wikigeneratedid" %) 307 -По умолчанию ##6## 267 +==== cartminitems: 2 ==== 308 308 309 - ====cartminitems:2##//number//##====269 +Ограничивает минимальное кол-во товаров в корзине. Минимальное значение 1. Максимальное значение 60. По умолчанию 1 310 310 311 - Ограничиваетминимальноекол-вотоваров в корзине. Минимальное значение 1. Максимальное значение 60.271 +==== locale: 'ru' ==== 312 312 313 -По умолчанию ##1## 314 - 315 -==== locale: 'ru' ##//string//## ==== 316 - 317 317 Параметр локализации. Позволяет переключать между языками виджета, например 'ru' - русский язык, 'en' - английский язык. 318 318 319 -==== ordercomment: 'Комментарий к заказу' ##//string//##====275 +==== ordercomment: 'Комментарий к заказу' ==== 320 320 321 321 Опциональный комментарий к заказу. Максимальная длинна комментария 50 символов. 322 322 323 -==== disablemultipleseances: true ##//boolean//##====279 +==== disablemultipleseances: true ==== 324 324 325 325 Параметр предотвращает добавление в корзину тарифов с различными сеансами. 326 326 Таким образом как только в корзине появится хоть один товар с сеансом "10:00 - 11:30", товары, у которых есть сеанс например "13:00 - 14:30" будет невозможно добавить в корзину. Товары без сеансов не будут затронуты. 327 -По умолчанию ##false##283 +По умолчанию false 328 328 329 -==== tariffsseancesfilter: true ##//boolean//##====285 +==== tariffsseancesfilter: true ==== 330 330 331 331 [[image:https://info.moipass.ru/images/tariffsseancesfilter.png||alt="Example"]] 332 332 333 -Включить отображение фильтра тарифов по сеансам. 289 +Включить отображение фильтра тарифов по сеансам. По умолчанию false 334 334 335 - Поумолчанию ##false##291 +==== resetcart: true ==== 336 336 337 - ====resetcart:true##//boolean//## ====293 +Автоматически очищать содержимое корзины. По умолчанию false 338 338 339 - Автоматическиочищатьсодержимоекорзины.295 +==== minimap: false ==== 340 340 341 -По умолчанию ##false##297 +Отображать миникарту. По умолчанию true 342 342 343 -==== minimap : false##//boolean//##====299 +==== minimapaspect: 0.5 ==== 344 344 345 - Отображатьминикарту.301 +Размер миникарты относительной полного размера карты, а не контейнера, в которой она находится. По умолчанию 0.2 346 346 347 - Поумолчанию ##true##303 +==== forceseanceid: 42 ==== 348 348 349 - ====minimapaspect:0.5##//number//##====305 +Заставит виджет выбрать мероприятие арены по идентификатору платформы и не позволять вернуться к этапу выбора других мероприятий. Без указания идентификатора не учитывается. 350 350 351 - Размерминикартыотносительнойполного размера карты, а не контейнера, в которой она находится.307 +==== forcesectorid: 42 ==== 352 352 353 - Поумолчанию##0.2##309 +Заставит виджет выбрать сектор мероприятия по id и не позволять вернуться к этапу выбора других секторов. Без указания идентификатора не учитывается. 354 354 355 -==== forceseanceid:42 ##//number//##====311 +==== requiredloyalty: true ==== 356 356 357 - Заставит виджетвыбратьмероприятиеареныпоидентификаторуплатформыинепозволятьвернутьсякэтапувыборадругихмероприятий.313 +Включает обязательную регистриацию клиента в программе настроенной на объектке. По умолчанию false 358 358 359 - Поумолчаниюбезуказанияидентификаторанеучитывается.315 +==== personallessonsskillstariffs: [56, 57, … ] ==== 360 360 361 - ====forcesectorid:42##//number//##====317 +Производит фильтрацию тарифов для индивидуальных занятий. Принимает массив идентификаторов. По умолчанию [] 362 362 363 - Заставитвиджет выбрать сектор мероприятия поidинепозволятьвернутьсяк этапу выбора других секторов.319 +==== multidayslessonsskillstariffs: [56, 57, … ] ==== 364 364 365 -По умолчаниюбезуказания идентификатора неучитывается.321 +Производит фильтрацию тарифов для многодневных занятий. Принимает массив идентификаторов. Параметр дополняет фильтрацию по параметру grouplessonsskillstariffs. По умолчанию [] 366 366 367 -==== requiredloyalty:true##//boolean//##====323 +==== saletermstype: 'checkbox' ==== 368 368 369 -Включает обязательную регистриацию клиента в программе настроенной на объектке. 370 - 371 -По умолчанию ##false## 372 - 373 -==== personallessonsskillstariffs: [56, 57, … ] ##//Array<number>//## ==== 374 - 375 -Производит фильтрацию тарифов для индивидуальных занятий. Принимает массив идентификаторов. 376 - 377 -По умолчанию ##[]## 378 - 379 -==== multidayslessonsskillstariffs: [56, 57, … ] ##//Array<number>//## ==== 380 - 381 -Производит фильтрацию тарифов для многодневных занятий. Принимает массив идентификаторов. Параметр дополняет фильтрацию по параметру grouplessonsskillstariffs. 382 - 383 -По умолчанию ##[]## 384 - 385 -==== saletermstype: 'checkbox' ##//string//## ==== 386 - 387 387 Перед оплатой просит пользователя согласиться с правилами в форме галочки или всплывающего окна 388 388 389 -* saletermstype: ##'checkbox'##потребует установку галочки для согласия.390 -* saletermstype: ##'dialog'##покажет всплывающее окно с правилами, которые нужно принять.391 -* saletermstype: ##'default'##принятие правил не требуется.327 +* saletermstype: 'checkbox' потребует установку галочки для согласия. 328 +* saletermstype: 'dialog' покажет всплывающее окно с правилами, которые нужно принять. 329 +* saletermstype: 'default' принятие правил не требуется. 392 392 393 -По умолчанию ##'default'##331 +По умолчанию 'default'