Различия

Показаны различия между двумя версиями страницы.

--- external:pro_bonus:05_infokiosk:10_nastroika_interfaisa [2024/03/20 14:10] – [Настройка рабочей области Инфокиоска] Евгений Горносталь
+++ external:pro_bonus:05_infokiosk:10_nastroika_interfaisa [2026/10/22 09:52] (текущий) – Исправлены орфография, пунктуация и оформление; содержание не изменено Алексей Коробов
@@ Строка 1: / Строка 1: @@
 ====== Настройка Инфокиоска ======
-Перейти в "Инфокиоск" можно из настроек ProBonus. Либо перейти по адресу 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-03-20_14-11-29.png |}}
-==== Настройка рабочей области Инфокиоска ====
+{{ :external:pro_bonus:05_infokiosk:2024-08-20_14-51-27.png |}}
-{{ :external:pro_bonus:05_infokiosk:2024-03-20_15-13-59.png |}}
+Для настройки доступны поля:
-Для настроек доступны поля:
+  * **Отображение** — настраивается таймаут отображения информации на экране. По умолчанию минимальное время — 3 с.
+  * **Использовать тач** — флаг даёт возможность использовать тачскрин. При наличии технической возможности для взаимодействия будет доступна кнопка **ОК** во всплывающем окне в рабочей области (в настоящее время такое окно появляется, только если карта не зарегистрирована).
+  * **Изображение фона** — изображение фона, установленное по умолчанию. Расположено в папке ''media''.
+  * **Логотип** — изображение логотипа, установленное по умолчанию. Расположено в папке ''media''. Доступна настройка положения на мониторе.
+  * **Стрелка** — изображение стрелки, установленное по умолчанию. Расположено в папке ''media''. Возможно использование формата GIF. Доступна настройка положения на мониторе. Стрелка нужна для передачи информации о расположении считывающего устройства.
-  * Отображение - настраивается таймаут отображение информации на экране. По умолчанию минимальное время 3 сек.
+{{ :external:pro_bonus:05_infokiosk:2024-03-20_14-24-44.png |}}
-  * Использовать тач - флаг даёт возможность использовать тачскрин, при наличии технической возможности.
-  * Изображение фона - изображение фона установленного по умолчанию. Расположено папке media.
+**Важно!** Папка ''media'' расположена в корневой папке, куда установлен ProBonus. При установке новых файлов старые стираются из папки.
-  * Логотип - изображение логотипа установленного по умолчанию. Расположено в папке media. Доступна настройка положения на мониторе.
-  * Стрелка - изображение стрелки установленной по умолчанию. Расположено в папке media. Возможно использование формата gif. Доступна настройка положения на мониторе. Стрелка нужна для передачи информации о расположении считывающего устройства.
+===== Настройка стилей =====
- **Важно!** Папка media расположена в корневой папке, куда установлен ProBonus. При установке новых файлов, старые стираются из папки.
+Настроить стили можно в папке ''templates'', куда установлен ProBonus. Файл ''readme.md'' обязателен к прочтению.
-Настроить стили можно в папке templates, куда установлен ProBonus. Файл readme.md обязателен к прочтению.
 {{ :external:pro_bonus:05_infokiosk:2024-03-20_15-04-44.png |}}
+Для изменения стиля шрифта достаточно перенести CSS-файл с его настройками в папку ''styles''.
+Также можно скопировать любой внутренний файл папки, переименовать его и изменить в нём код. Ниже представлен пример кода.
+<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')
+body {
+  color: red;
+  font-family: "Alegreya Sans", sans-serif;
+  font-weight: 100;
+  font-style: italica;
+}
+</code>
+При подключении шрифта Alegreya Sans с изменением цвета шрифта можно получить изменение всех сообщений на мониторе.
+{{ :external:pro_bonus:05_infokiosk:2024-03-22_09-58-12.png |}}
+**Если требуется изменить только размер текста.** Например, чтобы увеличить размер всех сообщений в 1,5 раза, необходимо в файле ''base_fonts.css'' изменить код на:
+<code>
+*{
+    font-size: 1.5rem !important;
+}
+</code>