Билетная платформа BIL24


Создание сайта для продажи билетов на основе WEB WIDGET за 5 шагов.

на примере kubantop10.ru

   С помощью WEB WIDGET можно за минимальное время создать полнофункциональный сайт для продажи билетов. Данный пример демонстрирует пошаговое создание сайта для реализации билетов на TOP 10 событий в Краснодаре.

Первый шаг.
Создаем первую страницу сайта с изображением по центру.



Второй шаг.
В приложении Менеджер платформы BIL24 регистрируем интерфейс для нового сайта, получаем FID и token. С использованием этих учетных данных на странице генерации создаем ссылку на любое событие в Краснодаре, выбрав вариант «Для отображения всех доступных представлений в городе». Ссылку прикрепляем к изображению в центре первой страницы сайта.

Третий шаг
В приложении Редактор платформы BIL24 с помощью кнопки Подписки выбираем 10 наиболее важных событий в городе Краснодаре и добавляем их в «Подписанные представления». Тут же снимаем галочку «Автоматическое добавление новых представлений», чтобы представлений было только 10, и новые преставления автоматически не добавлялись.

Четвертый шаг
По ссылке на странице генерации скачиваем архив с WEB WIDGET и распаковываем в корневой каталог сайта. В нем появляется папка bilorder. Для изменения цвета фона, панелей, шрифтов WEB WIDGET открываем файл /bilorder/styles/custom-style_v1.2 . В этом файле изменяем:

Цвет фона страницы:

background-color: #003a70;


Цвет фона панелей событий (переход цвета):

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(0, 93, 178)),color-stop(1, rgb(0, 64, 124)));
background-image: -webkit-linear-gradient(top,rgb(0, 93, 1780, 93, 1780, 93, 178) 0%,rgb(0, 64, 1240, 64, 1240, 64, 124) 100%);
background-image: linear-gradient(to bottom,rgb(0, 93, 1780, 93, 178) 0%,rgb(0, 64, 1240, 64, 124) 100%);
background-image: -ms-linear-gradient(top,rgb(0, 93, 178) 0%,rgb(0, 64, 124) 100%);


Цвет надписей:

font-family: 'Roboto', sans-serif;
color: #dedef3;


Цвет фона календаря:

background-color: #A0C0FF;


Пятый шаг
Подготавливаем три изображения в стилистике сайта: подложка под минимальную цену, иконка корзины, рейтинг пять звезд. Заменяем файлы изображений cicle.png, cart-icon.png, five_star.png в каталоге /bilorder/images на созданные нами с такими же именами

ВСЕ! Сайт создан.