Изменения документа Для_разработчиков

Комментарий

• Свойства страницы (1 изменено, 0 добавлено, 0 удалено)

Подробности

Свойства страницы

Содержимое

...	...	@@ -6,7 +6,7 @@
6	6
7	7	2. Вставьте в необходимом месте на своём сайте код:
8	8
9		-{{{<script type="text/javascript">
	9	+<pre>{{{<script type="text/javascript">
10	10	// инициализируем виджет с параметрами
11	11	WPInit({
12	12	id: 1,
...	...	@@ -27,8 +27,86 @@
27	27	// если заказ оплачен, занесём данные из response.data.order_id себе на сайт
28	28	}
29	29	}
30		-</script>}}}
	30	+</script>}}}</pre>
31	31
32	32
	33	+== Функции ==
33	33
	35	+=== WPInit({params}) ===
	36	+
	37	+Функция загрузки виджета с параметризацией, при создании необходимо передать id виджета, который можно найти в Административной панели
	38	+
	39	+===== Минимальный способ инициализации: =====
	40	+
	41	+* WPInit({ id: 1 })
	42	+
	43	+===== Пример передаваемых данных: =====
	44	+
	45	+Виджет можно инициализировать с различными параметрами, все из них опциональные, кроме id.
	46	+
	47	+{{{WPInit({
	48	+ id: 1,
	49	+ width: 400,
	50	+ height: 600,
	51	+ type: 'modal'
	52	+})}}}
	53	+
	54	+=== WPOpen({params}) ===
	55	+
	56	+Функция открытия виджета в каком-либо блоке, используется при инициализации виджета с type: 'instant'
	57	+
	58	+===== Пример передаваемых данных: =====
	59	+
	60	+{{{// показ виджета с группой id 5
	61	+WPOpen({
	62	+ groupid: [5]
	63	+})}}}
	64	+
	65	+=== WPOpenModal({params}) ===
	66	+
	67	+Функция открытия виджета в модальном окне, используется при инициализации виджета с type: 'modal'
	68	+
	69	+===== Пример передаваемых данных: =====
	70	+
	71	+{{{// показ виджета на нажатие кнопки с id "OpenButton" var OpenButton = document.getElementById('OpenButton'); OpenButton.onclick = function() { WPOpenModal({ tariffsid: [27, 28] }) }}}}
	72	+
	73	+=== WPChange({status, data}) ===
	74	+
	75	+Функция, которая вызывается каждый раз при изменении состояния виджета. Каждый раз передаёт в переменной response состояние в status и опционально данные в data. При переопределении этой функции у себя на странице, администратор может следить за состоянием виджета и статусом заказа из javascript
	76	+
	77	+===== Примеры передаваемых данных: =====
	78	+
	79	+* { status:'starting' } — виджет в процессе запуска, в этот момент определяется, что он должен в данный момент отображать
	80	+* { status:'started' } — виджет на начальном экране, где показывается список услуг для покупки
	81	+* { status:'reserved', data: { order_id: 2 } } — виджет находится на стадии забронированного заказ, в data передаётся id
	82	+* { status:'completed', data: { order_id: 2 } } — виджет находится на стадии оплаченного заказ, в data передаётся id заказа
	83	+
	84	+===== Пример работы с данными: =====
	85	+
	86	+{{{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 } }}}}
	87	+
	88	+== Параметры ==
	89	+
	90	+==== Обязательные параметры WPInit ====
	91	+
	92	+==== id: 1 ====
	93	+
	94	+id виджета, который можно узнать в Административной панели
	95	+
	96	+==== Возможные параметры WPInit ====
	97	+
	98	+==== height: 480 ====
	99	+
	100	+Высота виджета в пикселях, по умолчанию:
	101	+
	102	+* 480px, если виджет запущен как type: 'modal'
	103	+* 100%, если виджет запущен как type: 'instant'
	104	+
	105	+==== width: 640 ====
	106	+
	107	+Ширина виджета в пикселях, по умолчанию:
	108	+
	109	+* 640px, если виджет запущен как type: 'modal'
	110	+* 100%, если виджет запущен как type: 'instant'
	111	+
34	34