| Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия |
| external:pro_bonus:05_infokiosk:10_nastroika_interfaisa [2024/05/23 05:57] – Евгений Горносталь | external:pro_bonus:05_infokiosk:10_nastroika_interfaisa [2026/10/22 09:52] (текущий) – Исправлены орфография, пунктуация и оформление; содержание не изменено Алексей Коробов |
|---|
| ====== Настройка Инфокиоска ====== | ====== Настройка Инфокиоска ====== |
| |
| Приступить к настройкам модуля можно из интерфейса ProBonus, перейти в “Настройки” → “Инфокиоск” . Либо перейти в web интерфейс модуля, который по умолчанию доступен по адресу http://127.0.0.1:11030/kiosk_front/#/config-infokiosk/ | Приступить к настройкам модуля можно из интерфейса ProBonus, перейдя в раздел **Настройки → Инфокиоск**, либо перейти в веб-интерфейс модуля, который по умолчанию доступен по адресу http://127.0.0.1:11030/kiosk_front/#/config-infokiosk/ |
| {{:external:pro_bonus:05_infokiosk:2024-05-21_15-53-14.png}} | |
| |
| Для настроек доступны поля: | {{ :external:pro_bonus:05_infokiosk:2024-08-20_14-51-27.png |}} |
| * Отображение - настраивается таймаут отображение информации на экране. По умолчанию минимальное время 3 сек. | |
| * Использовать тач - флаг даёт возможность использовать тачскрин. При наличии технической возможности, будет доступна для взаимодействия кнопка "ОК" во всплывающем окне, в рабочей области. (В настоящее время такое окно появляется, только если карта не зарегистрирована.) | Для настройки доступны поля: |
| * Изображение фона - изображение фона установленного по умолчанию. Расположено папке media. | |
| * Логотип - изображение логотипа установленного по умолчанию. Расположено в папке media. Доступна настройка положения на мониторе. | * **Отображение** — настраивается таймаут отображения информации на экране. По умолчанию минимальное время — 3 с. |
| * Стрелка - изображение стрелки установленной по умолчанию. Расположено в папке media. Возможно использование формата gif. Доступна настройка положения на мониторе. Стрелка нужна для передачи информации о расположении считывающего устройства. | * **Использовать тач** — флаг даёт возможность использовать тачскрин. При наличии технической возможности для взаимодействия будет доступна кнопка **ОК** во всплывающем окне в рабочей области (в настоящее время такое окно появляется, только если карта не зарегистрирована). |
| {{:external:pro_bonus:05_infokiosk:2024-03-20_14-24-44.png}} | * **Изображение фона** — изображение фона, установленное по умолчанию. Расположено в папке ''media''. |
| **Важно!** Папка media расположена в корневой папке, куда установлен ProBonus. При установке новых файлов, старые стираются из папки. | * **Логотип** — изображение логотипа, установленное по умолчанию. Расположено в папке ''media''. Доступна настройка положения на мониторе. |
| | * **Стрелка** — изображение стрелки, установленное по умолчанию. Расположено в папке ''media''. Возможно использование формата GIF. Доступна настройка положения на мониторе. Стрелка нужна для передачи информации о расположении считывающего устройства. |
| | |
| | {{ :external:pro_bonus:05_infokiosk:2024-03-20_14-24-44.png |}} |
| | |
| | **Важно!** Папка ''media'' расположена в корневой папке, куда установлен ProBonus. При установке новых файлов старые стираются из папки. |
| | |
| | ===== Настройка стилей ===== |
| | |
| | Настроить стили можно в папке ''templates'', куда установлен ProBonus. Файл ''readme.md'' обязателен к прочтению. |
| | |
| | {{ :external:pro_bonus:05_infokiosk:2024-03-20_15-04-44.png |}} |
| | |
| | Для изменения стиля шрифта достаточно перенести CSS-файл с его настройками в папку ''styles''. |
| | |
| | Также можно скопировать любой внутренний файл папки, переименовать его и изменить в нём код. Ниже представлен пример кода. |
| |
| ==== Настройка стилей ==== | |
| Настроить стили можно в папке templates, куда установлен ProBonus. Файл readme.md обязателен к прочтению. | |
| {{:external:pro_bonus:05_infokiosk:2024-03-20_15-04-44.png}} | |
| Для изменения стиля шрифта, достаточно перенести CSS файл с его настройками в папку styles. | |
| Так же возможно скопировать любой внутренний файл папки, переименовать его и изменить в нём код. Ниже представлен пример кода. | |
| <code> | <code> |
| @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap') | @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap') |
| } | } |
| </code> | </code> |
| При подключении шрифта Alegreya Sans, с изменением цвета шрифта, можно получить изменение всех сообщений на мониторе. | |
| {{:external:pro_bonus:05_infokiosk:2024-03-22_09-58-12.png}} | При подключении шрифта Alegreya Sans с изменением цвета шрифта можно получить изменение всех сообщений на мониторе. |
| **Если требуется изменить только размер текста.** | |
| К примеру, нужно увеличить размер всех сообщений в 1,5 раза, необходимо в файле base_fonts.css изменить код на: | {{ :external:pro_bonus:05_infokiosk:2024-03-22_09-58-12.png |}} |
| | |
| | **Если требуется изменить только размер текста.** Например, чтобы увеличить размер всех сообщений в 1,5 раза, необходимо в файле ''base_fonts.css'' изменить код на: |
| |
| <code> | <code> |
| } | } |
| </code> | </code> |
| |
| |
| |
| |
| |