Виджет BIL24

Виджет v2.203

Инструкция по 👨‍💻 установке:

👇 Скачать:
- Скачайте Zip-архив
- Распакуйте Zip-архив
- Если необходимо - переименуйте полученную папку, по умолчанию она имеет имя widget, далее в примерах используется именно это имя
🧘‍♂️ Разместить на сайте:
- Поместите папку widget в корневую директорию вашего сайта (не обязательно того, где будет открываться виджет)
- Проверьте видна ли папка widget через браузер: https://your-site/widget (если всё в порядке, вы увидите крутящиеся шестерёнки)

🎭 Формат работы:

Для работы виджета в формате одного события, сформируйте ссылку следующего вида:

<a href="/widget/#/ ?frontendId=1111 &token=55a7a636b26fbb3c3956 &id=122 &cityId=1 &agr=https://your-site/agreement.html">Текст ссылки</a>

Полный список GET-параметров:

Имя параметра Обязательный Значение по умолчанию Описание

frontendId Да Нет FID

token Да Нет Token

id Да Нет ID события

cityId Да Нет ID города

agr Да Нет Адрес страницы пользовательского соглашения

venueId Нет Нет ID площадки

success Нет https://bilw.ru/pay_s.html Адрес страницы удачной покупки

fail Нет https://bilw.ru/pay_f.html Адрес страницы неудачной покупки

goods Нет Нет Для продажи товаров вместо билетов укажите 1

lng Нет ru Язык интерфейса

bank Нет Нет Для открытия страницы банка в новой вкладке укажите 1

zone Нет test Режим работы:
продакшн: real
тестирование: test

Имя параметра	Обязательный	Значение по умолчанию	Описание
frontendId	Да	Нет	FID
token	Да	Нет	Token
id	Да	Нет	ID события
cityId	Да	Нет	ID города
agr	Да	Нет	Адрес страницы пользовательского соглашения
venueId	Нет	Нет	ID площадки
success	Нет	https://bilw.ru/pay_s.html	Адрес страницы удачной покупки
fail	Нет	https://bilw.ru/pay_f.html	Адрес страницы неудачной покупки
goods	Нет	Нет	Для продажи товаров вместо билетов укажите 1
lng	Нет	ru	Язык интерфейса
bank	Нет	Нет	Для открытия страницы банка в новой вкладке укажите 1
zone	Нет	test	Режим работы: продакшн: real тестирование: test

Для работы виджета в формате листинга событий, измените адрес ссылки на:

<a href="/widget/city/#/ …

Список GET-параметров для листинга событий:

Имя параметра Обязательный Значение по умолчанию Описание

id Нет Нет Исключить

kindId Нет Нет ID типа события

💎 Для того, что бы виджет открывался во всплывающем окне:
- Вставьте следующий код в контейнер <head> страницы:
  
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://your-site/widget/lib/modernizr-custom.js"></script> <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script> <script>$(document).ready(function(){$(document).on('click','.widget-trigger',function(e){if(Modernizr.mq('(min-width:1280px)')){e.preventDefault();$.fancybox.open({src:$(this).attr('href'),type:'iframe',opts:{iframe:{css:{width:'90vw',height:'80vh'}}}})}})})</script>
- Добавьте к ссылке класс и дополнительный атрибут:
  
  <a class="widget-trigger" data-fancybox-type="iframe" …

Инструкция по 👨‍💻 установке:

Желаем ⏰ быстрой установки и 💰 успешной работы!!!

Кнопки для 🛴 тестирования:

Имя параметра	Обязательный	Значение по умолчанию	Описание
id	Нет	Нет	Исключить
kindId	Нет	Нет	ID типа события