Изменения документа Для_разработчиков
Редактировал(а) Михаил Галич 26.11.2024, 12:16
отредактировано Михаил Галич
на 11.12.2023, 13:53
на 11.12.2023, 13:53
отредактировано Михаил Галич
на 11.12.2023, 13:49
на 11.12.2023, 13:49
Изменить комментарий:
К данной версии нет комментариев
Комментарий
-
Свойства страницы (1 изменено, 0 добавлено, 0 удалено)
Подробности
- Свойства страницы
-
- Содержимое
-
... ... @@ -6,86 +6,29 @@ 6 6 7 7 2. Вставьте в необходимом месте на своём сайте код: 8 8 9 -{{{<script type="text/javascript"> // инициализируем виджет с параметрами WPInit({ id: 1, width: 400, type: 'modal' }) // сразу откроем его для пользователя WPOpenModal(); // вариант для модального окна // WPOpen(); // вариант для открытия в теле страницы. Используется при инициализации виджета с type: 'instant' // будем следить за состоянием виджета WPChange = function(response) { if (response.status == 'reserved') { // если заказ зарезирвирован, занесём данные из response.data.order_id себе на сайт } if (response.status == 'completed') { // если заказ оплачен, занесём данные из response.data.order_id себе на сайт } } </script>}}} 10 - 11 - 12 -== Функции == 13 - 14 -=== WPInit({params}) === 15 - 16 -Функция загрузки виджета с параметризацией, при создании необходимо передать id виджета, который можно найти в Административной панели 17 - 18 -===== Минимальный способ инициализации: ===== 19 - 20 -* WPInit({ id: 1 }) 21 - 22 -===== Пример передаваемых данных: ===== 23 - 24 -Виджет можно инициализировать с различными параметрами, все из них опциональные, кроме id. 25 - 26 -{{{WPInit({ 9 +{{{<script type="text/javascript"> 10 +// инициализируем виджет с параметрами 11 +WPInit({ 27 27 id: 1, 28 28 width: 400, 29 - height: 600, 30 30 type: 'modal' 31 -}) }}}15 +}) 32 32 33 -=== WPOpen({params}) === 17 +// сразу откроем его для пользователя 18 +WPOpenModal(); // вариант для модального окна 19 +// WPOpen(); // вариант для открытия в теле страницы. Используется при инициализации виджета с type: 'instant' 34 34 35 -Функция открытия виджета в каком-либо блоке, используется при инициализации виджета с type: 'instant' 21 +// будем следить за состоянием виджета 22 +WPChange = function(response) { 23 + if (response.status == 'reserved') { 24 + // если заказ зарезирвирован, занесём данные из response.data.order_id себе на сайт 25 + } 26 + if (response.status == 'completed') { 27 + // если заказ оплачен, занесём данные из response.data.order_id себе на сайт 28 + } 29 +} 30 +</script>}}} 36 36 37 -===== Пример передаваемых данных: ===== 38 38 39 -{{{// показ виджета с группой id 5 40 -WPOpen({ 41 - groupid: [5] 42 -})}}} 43 43 44 -=== WPOpenModal({params}) === 45 - 46 -Функция открытия виджета в модальном окне, используется при инициализации виджета с type: 'modal' 47 - 48 -===== Пример передаваемых данных: ===== 49 - 50 -{{{// показ виджета на нажатие кнопки с id "OpenButton" var OpenButton = document.getElementById('OpenButton'); OpenButton.onclick = function() { WPOpenModal({ tariffsid: [27, 28] }) }}}} 51 - 52 -=== WPChange({status, data}) === 53 - 54 -Функция, которая вызывается каждый раз при изменении состояния виджета. Каждый раз передаёт в переменной response состояние в status и опционально данные в data. При переопределении этой функции у себя на странице, администратор может следить за состоянием виджета и статусом заказа из javascript 55 - 56 -===== Примеры передаваемых данных: ===== 57 - 58 -* { status:'starting' } — виджет в процессе запуска, в этот момент определяется, что он должен в данный момент отображать 59 -* { status:'started' } — виджет на начальном экране, где показывается список услуг для покупки 60 -* { status:'reserved', data: { order_id: 2 } } — виджет находится на стадии забронированного заказ, в data передаётся id 61 -* { status:'completed', data: { order_id: 2 } } — виджет находится на стадии оплаченного заказ, в data передаётся id заказа 62 - 63 -===== Пример работы с данными: ===== 64 - 65 -{{{WPChange = function(response) { if (response.status == 'starting') { // действие на внешней странице } if (response.status == 'started') { // действие на внешней странице } if (response.status == 'reserved') { // id зарезервированного заказа: response.data.order_id } if (response.status == 'completed') { // id оплаченного заказа: response.data.order_id } }}}} 66 - 67 -== Параметры == 68 - 69 -==== Обязательные параметры WPInit ==== 70 - 71 -==== id: 1 ==== 72 - 73 -id виджета, который можно узнать в Административной панели 74 - 75 -==== Возможные параметры WPInit ==== 76 - 77 -==== height: 480 ==== 78 - 79 -Высота виджета в пикселях, по умолчанию: 80 - 81 -* 480px, если виджет запущен как type: 'modal' 82 -* 100%, если виджет запущен как type: 'instant' 83 - 84 -==== width: 640 ==== 85 - 86 -Ширина виджета в пикселях, по умолчанию: 87 - 88 -* 640px, если виджет запущен как type: 'modal' 89 -* 100%, если виджет запущен как type: 'instant' 90 - 91 91