Данный инструмент позволяет реализовать любой дизайн интерфейса покупателя на кассе самообслуживания.

1. Логика работы

С помощью конфигуратора можно создать вариант интерфейса в виде файла конфигурации:

Чтобы применить настройки из созданного файла конфигурации к конкретной кассе, нужно добавить данный файл на кассовом сервере по адресу: Магазин – Типы касс, где сначала необходимо выбрать тип кассы и нажать кнопку Настройки. Порядок действий отражен на скриншоте ниже:

1 – выбрать нужный магазин;

2 – зайти в раздел кассового сервера : Магазин – Типы касс;

3 – выбрать тип касс, к которому необходимо применить настройки созданного конфигурационного файла;

4 – нажать кнопку Редактировать;

5 – в поле Конфиг КСОЗ выбрать из выпадающего списка

6 – нажать кнопку Сохранить.

2. Доступ к конфигуратору

Для доступа к конфигуратору необходимо на кассовом сервере нажать войти в раздел Конфигуратор:

3. Создание файла конфигурации

Для создания файла конфигурации необходимо нажать на кнопку "Создать":

Требуется заполнить поля Название и Описание. После нажатия на кнопку Создать осуществится переход в интерфейс конфигуратора:

4. Интерфейс конфигуратора

4.1. Верхнее меню

4.1.1. Доступные экраны

Здесь отображаются доступные для конфигурации экраны, а также (по нажатию на "+") возможно добавить другие:

Список всех экранов, доступных для кастомизации:

• Приветствие
• Чек
• Каталог
• Подытог
• Спасибо
• Ассистент
• Поиск
• Vision
• standBy

Данный список может дополняться.

Настройки

Здесь возможно изменить следующие параметры:

• Разметку экрана - выбор вариантов разметок экрана из заранее преднастроенных (список разметок может дополняться):
  
  
• Цветовую схему - настройка цветовой схемы согласно теории цвета:
  
  
  • primary
  • secondary
  • accent
  • error
  • surface;
• Выполнить следующие настройки:
  • Название файла конфигурации;
  • Шрифты;
  • Активировать или деактивировать доступные форматы отображения:
    • Portrait 3x4 (768x1024)
    • Portrait 9x16 (1080x1920)
    • Landscape 4x3 (1024x768)
    • Landscape 16x9 (1920x1080)
    • PortraitM 1x2 (720x1440)
  • Настроить полосы прокрутки
• Загрузить вшитые варианты интерфейса, чтобы не производить настройку "с нуля":
  • Ритейл А
  • Ритейл П
  • Ритейл С
  • Ритейл В
  • Ритейл Р
  • Ритейл Х

Выйти из настроек - кнопка "Назад" в браузере.

4.1.2. Сохранить

Сохраняет все выполненные изменения

4.1.3. Выбор формата отображения

Изменяет формат отображения в зависимости от тех, что были настроены в разделе "Настройки".

4.1.4. Выбор варианта отображения

• В режиме разметки - возможно ознакомиться с выбранной в разделе "Настройки" разметкой для выбранного экрана;
• В режиме редактирования - основной режим, в котором производятся все изменения в интерфейсе;
• В режиме "Воспроизведения" - в данном режиме возможно ознакомиться с тем, как будет работать настроенный вариант "на бою".

По нажатию на значок "Корзина" произойдёт выход к списку созданных файлов конфигурации:

4.2. Левое меню

Здесь отображаются все добавленные на экран элементы интерфейса;

4.3. Правое меню

Здесь отображаются настройки выбранного в левом меню элемента интерфейса

4.4. Центральная часть

Здесь отображаются результат добавления/изменения/удаления элементов. В таком же виде интерфейс будет отображаться на КСО.

5. Элементы интерфейса 

Для удобства восприятия описание будет происходить на основе встроенного интерфейса с названием "Ритейл В":

Элемент может быть глобальным, т.е. доступным к добавлению на любом экране, так и локальным, т.е. доступным на одном или нескольких экранах.

При выделении элемента в левом меню происходит его выделение в центральной части и наоборот.

Примечание: вид и свойства элементов Конфигуратора и встроенных интерфейсов могут улучшаться/дополняться с выходом новых версий, возможны расхождения со скриншотами.

5.1. Глобальные элементы

5.1.1. Контейнер

Основной элемент, позволяющий хранить в себе 1 вложенный элемент.

Настройки:

Пример: 

• Функция - позволяет выбрать ту или иную функцию, которая будет выполняться по результату нажатия на элемент на настраиваемом экране:
  • перейти в каталог
  • контекстный поиск
  • перейти к экрану распознавания Vision
  • перейти к подытогу
  • перейти в меню ассистента
  • запустить сценарий регистрации покупателя
  • перейти в окно добавления товара по коду
  • запустить сценарий отмены чека
  • позвать ассистента
  • перейти в окно добавления товара из пик-листа
  • добавить пакет
  • к предыдущему экрану
  • к следующему экрану
  • оплата
  • служебные функции из меню ассистента:
    • открыть информацию о кассе и её статус
    • выйти на рабочий стол
    • обнулить весы
    • скорректировать цену
• Размеры - позволяет выбрать ширину и высоту элемента;
• Отступы - позволяет выбрать значения отступов для всех вложенных элементов со всех 4-х сторон элемента
• Радиус - позволяет выбрать закругления на всех 4-х углах элемента как вместе, так и по отдельности
• Рамка - при активации позволяет установить рамку со всех 4-х сторон элемента как вместе, так и по отдельности
• Цвет - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема";
• Тень - при активации позволяет выбрать:
  • значения отступов тени элемента
  • степень рассеивания
  • Уровень прозрачности тени
  • Цвет тени из списка настроенных в разделе "Цветовая схема".
• Задний фон - при активации позволяет задать любое изображение в качестве заднего фона элемента со следующими настройками:
  • Источник:
    • из Библиотеки
    • по URL
  • URL - ссылка на картинку при выборе варианта Источника - "По URL"
  • Позиционирование:
    • справа
    • слева
    • сверху
    • снизу
    • по центру
  • Размер картинки:
    • по размеру картинки - масштабирование происходит по наименьшей стороне элемента
    • по размеру блока - масштабирование по большей стороне элемента
    • заданный размер - масштабирование можно установить вручную
  • Раппорт - дублирование картинки по всей площади элемента.

5.1.2. Список

Основной элемент, позволяющий хранить в себе несколько вложенных элементов.

Настройки:

Пример:

• Колонка или строка - позволяет выбрать вариант расположения вложенных элементов
• Позиционирование блоков - позволяет настроить позиционирование вложенных элементов со следующими настройками:
  • Интервал - позволяет выбрать расстояние между вложенными элементами
  • Позиционирование / выравнивание - позволяет настроить расположение вложенных элементов в зависимости от выбранного варианта расположения (колонка или строка):
    • По левому краю
    • По правому краю
    • По верхнему краю
    • По нижнему краю
    • По центру
    • По ширине
  • Скроллинг:
    • Автоматический (auto)
    • Скрытый (hidden)
    • Видимый с полосой прокрутки (scroll)
    • Видимый без полосы прокрутки (visible)
• Отступы - позволяет выбрать значения отступов для всех вложенных элементов со всех 4-х сторон элемента
• Режим пролистывания - при активации позволяет настроить вариант пролистывания в зависимости от настроенного скроллинга:
  • Цвет кнопок - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема"
  • Иконка "В начало" - позволяет задать любое изображение в качестве иконки "В начало":
    • Из библиотеки
    • По URL
  • Иконка "В конец" - позволяет задать любое изображение в качестве иконки "В конец":
    • Из библиотеки
    • По URL

5.1.3. Текст

Основной элемент, позволяющий добавить текст.

Настройки:

Пример:

• Текст - позволяет (по нажатию на троеточие):
  • выбрать текст из списка заготовленных
  • изменить текст на другой (по нажатию на значок "Карандаша" (редактирование) напротив того или иного текста):
    
    
• Стили - позволяет выбрать стиль текста элемента
• Размеры - позволяет выбрать размер текста элемента (недоступен при выбранном Стиле)
• Высота строки - позволяет выбрать высоту строки текста элемента
• Цвет - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема";
• Жирность - позволяет выбрать степень жирности элемента
• Выравнивание - позволяет установить выравнивание текста относительно элемента, в котором он находится
• Кёрнинг - позволяет выбрать расстояние между буквами элемента
• Прозрачность - позволяет установить степень прозрачности элемента
• Курсив - при активации делает текст элемента курсивным
• Верхний регистр - при активации изменяет все буквы элемента на заглавные
• Перенос строк - при активации позволяет указать количество строк, на которое следует переносить текст элемента, если он не умещается в элемент, в котором он находится
• Декор - позволяет выбрать вариант декора текста элемента:
  • line-through - перечёркнутый текст;
  • underline - подчёркнутый текст

5.1.4. Кнопка

Основной элемент, позволяющий реализовать стандартный функционал кнопки.

Настройки:

Пример:

• Функция - позволяет выбрать ту или иную функцию, которая будет выполняться по результату нажатия на элемент на настраиваемом экране:
  • варианты идентичны вариантам Контейнера
• Тип - позволяет выбрать тип отображения информации:
  • Только иконка - отображение только настроенной иконки;
  • Только текст - отображение только настроенного текста;
  • Смешанный однострочный - отображение и настроенного текста, и настроенной иконки в одну строчку;
  • Смешанный двустрочный - отображение и настроенного текста, и настроенной иконки в две строчки
• Вариант - позволяет выбрать вариант заливки:
  • Заливка
  • Заливка инверсивная
  • Обводка
• Цвет кнопки - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема";
• Размеры - позволяет выбрать ширину и высоту элемента;
• Отступы - позволяет выбрать значения отступов для всех вложенных элементов со всех 4-х сторон элемента
• Радиус - позволяет выбрать закругления на всех 4-х углах элемента как вместе, так и по отдельности
• Тень - позволяет выбрать:
  • Значения отступов тени элемента
  • Степень рассеивания
  • Уровень прозрачности тени
  • Цвет тени из списка настроенных в разделе "Цветовая схема".
• Свойства иконки - раздел, в котором можно настроить отображение иконки:
  • Иконка:
    • из Библиотеки
    • по URL
  • URL - ссылка на картинку при выборе варианта Источника - "По URL"
  • Размеры - позволяет выбрать ширину и высоту иконки
  • за текстом - при активации переносит иконку за текст
• Свойства текста - раздел, в котором можно настроить отображение текста.
  • Настройки элемента идентичны настройкам элемента "Текст" за исключенем некоторых неактуальных

5.1.5. Разделитель

Основной элемент, позволяющий добавить декор в ту или иную часть настраиваемого экрана.

Настройки:

Пример:

• Тип разделителя - позволяет выбрать вариант отображения разделителя:
  • wave - в виде волны
  • dotted - в виде точек
  • solid - в виде линии
• Цвет - позволяет выбрать цвет из списка настроенных в разделе "Цветовая схема";
• Прозрачность - позволяет установить степень прозрачности Разделителя

5.1.6. Статус кассы

Основной элемент, информирующий о том, в каком статусе находится касса.

Настройки:

Пример:

• Функция - позволяет выбрать ту или иную функцию, которая будет выполняться по результату нажатия на элемент на настраиваемом экране:
  • варианты идентичны вариантам Контейнера
• Тип - позволяет выбрать тип отображения информации:
  • Только иконка - отображение только настроенной иконки;
  • Только текст - отображение только настроенного текста;
  • Смешанный однострочный - отображение и настроенного текста, и настроенной иконки в одну строчку;
  • Смешанный двустрочный - отображение и настроенного текста, и настроенной иконки в две строчки
• Вариант - позволяет выбрать вариант заливки:
  • Заливка
  • Заливка инверсивная
  • Обводка
• Размеры - позволяет выбрать ширину и высоту элемента;
• Отступы - позволяет выбрать значения отступов для всех вложенных элементов со всех 4-х сторон элемента
• Радиус - позволяет выбрать закругления на всех 4-х углах элемента как вместе, так и по отдельности
• Тень - позволяет выбрать:
  • значения отступов тени элемента
  • степень рассеивания
  • Уровень прозрачности тени
  • Цвет тени из списка настроенных в разделе "Цветовая схема".
• Свойства иконки - раздел, в котором можно настроить отображение иконки:
  • Иконка:
    • из Библиотеки
    • по URL
  • URL - ссылка на картинку при выборе варианта Источника - "По URL"
  • Размеры - позволяет выбрать ширину и высоту иконки
  • за текстом - при активации переносит иконку за текст
• Свойства текста - раздел, в котором можно настроить отображение текста:
  • Настройки элемента идентичны настройкам элемента "Текст" за исключенем некоторых неактуальных
• Цвет кнопки - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема" для состояния "Без ошибок";
• Цвет ошибки - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема" для состояния "Ошибка";
• Цвет предупреждения - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема" для состояния "Предупреждение".

5.1.7. Итого

Основной элемент, позволяющий отобразить информацию о тех или иных суммах добавленных в чек товарах.

Настройки:

• Значение - позволяет выбрать, какую сумму будет отображать элемент:
  • Сумма чека без скидок
  • Сумма чека со скидками
  • Сумма скидок
  • Сумма оплат
• Стили - позволяет выбрать стиль текста элемента
• Размеры - позволяет выбрать размер текста элемента (недоступен при выбранном Стиле)
• Высота строки - позволяет выбрать высоту строки текста элемента
• Цвет - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема";
• Жирность - позволяет выбрать степень жирности элемента
• Кёрнинг - позволяет выбрать расстояние между буквами элемента
• Прозрачность - позволяет установить степень прозрачности элемента
• Курсив - при активации делает текст элемента курсивным
• Декор - позволяет выбрать вариант декора текста элемента:
  • line-through - перечёркнутый текст;
  • underline - подчёркнутый текст

5.1.8. Регистрация клиента

Основной элемент, позволяющий настроить отображение вложенных элементов в двух состояниях:

• До добавления в чек карты постоянного покупателя (лояльности);
  Пример:
  
  
• После добавления в чек карты постоянного покупателя (лояльности):
  Пример:
  
  

Элемент добавляется с двумя вложенными элементами с типом Контейнер:

• До регистрации;
• После регистрации

Настройка данных Контейнеров производится согласно логике настройки элемента Контейнер.

5.1.9 Список скидок

Основной элемент, позволяющий добавить информацию о списке применённых в чеке скидок.

Элемент может быть добавлен только в элемент "Контейнер".

Настройки:

Настройки элемента будут добавлены позже.

5.1.10. Чек

Основной элемент, позволяющий добавить информацию о добавленных в чек товарах.

Настройки:

Пример:

• Тип разделителя - позволяет выбрать вариант отображения разделителя между товарными позициями:
  • wave - в виде волны;
  • dotted - в виде точек;
  • solid - в виде линии.
• Группировка по SKU - позволяет группировать одинаковые позиции в одну строчку. Параметр будет доступен позже
• Удалённые товары - при активации отображает удалённые из открытого чека товарные позиции;
• Размеры - позволяет выбрать ширину и высоту элемента;
• Отступы - позволяет выбрать значения отступов для всех вложенных элементов со всех 4-х сторон элемента
• Радиус - позволяет выбрать закругления на всех 4-х углах элемента как вместе, так и по отдельности
• Рамка - при активации позволяет установить рамку со всех 4-х сторон элемента как вместе, так и по отдельности
• Цвет - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема";
• Тень - при активации позволяет выбрать:
  • значения отступов тени элемента
  • степень рассеивания
  • Уровень прозрачности тени
  • Цвет тени из списка настроенных в разделе "Цветовая схема".

Элемент добавляется с двумя вложенными элементами:

• Товар - в данный элемент вложены все параметры, которые могут быть у Товара с возможностью их кастомизации. Настройки:
   
  • Тип товарной карточки - позволяет выбрать тип товарной карточки из списка преднастроенных;
  • Отступы - позволяет выбрать значения отступов со всех 4-х сторон элемента;
  • Цвет - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема".
• Пустой чек - его настройка производится согласно логике настройки элемента Контейнер

Настройки вложенных в элемент Товар элементов:

• Название - отображает Название Товара. Настройки: 
  • Отступы - позволяет выбрать значения отступов со всех 4-х сторон элемента
  • Остальные настройки элемента идентичны настройкам элемента "Текст" за исключенем некоторых неактуальных
• Цена - содержит в себе 2 элемента:
  • Итоговая - отображает итоговую цену товара с учётом скидки. Настройки:
    • Отступы - позволяет выбрать значения отступов со всех 4-х сторон элемента
    • Остальные настройки элемента идентичны настройкам элемента "Текст" за исключением некоторых неактуальных
  • Без скидки - отображает итоговую цену товара без учёта скидки. Настройки:
    • Отступы - позволяет выбрать значения отступов со всех 4-х сторон элемента
    • Остальные настройки элемента идентичны настройкам элемента "Текст" за исключением некоторых неактуальных
• Стоимость товара - отображает стоимость товара (за единицу). Настройки:
  • Отступы - позволяет выбрать значения отступов со всех 4-х сторон элемента
  • Остальные настройки элемента идентичны настройкам элемента "Текст" за исключением некоторых неактуальных
• Картинка - при доступности элемента на карточке товара позволяет настроить формат отображения картинки товара. Настройки:
   
  • Картинка по умолчанию - раздел, в котором можно настроить отображение картинки по умолчанию:
    • из Библиотеки
    • по URL
  • URL - ссылка на картинку при выборе варианта Источника - "По URL"
  • Размеры - позволяет выбрать ширину и высоту элемента
  • Отступы - позволяет выбрать значения отступов со всех 4-х сторон элемента;
  • Цвет иконки - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема";
  • Радиус - позволяет выбрать закругления на всех 4-х углах элемента как вместе, так и по отдельности
• Скидки - при доступности элемента на карточке товара позволяет настроить отображение скидки Товара. Настройки:
   
  • Отображать скидки - активирует отображение Скидки;
  • Итоговая скидка - при активации изменяет название скидки на её значение;
  • Отступы - позволяет выбрать значения отступов со всех 4-х сторон элемента;
  • Свойства текста - раздел, в котором можно настроить отображение текста. Настройки:
    • Настройки элемента идентичны настройкам элемента "Текст" за исключенем некоторых неактуальных
  • Настройка иконки скидки - раздел, вкотором можно настроить иконку скидки. Настройки:
    • Иконка:
      • из Библиотеки
      • по URL
    • URL - ссылка на картинку при выборе варианта Источника - "По URL"
    • Цвет иконки - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема";
    • Размеры - позволяет выбрать ширину и высоту элемента.
• Артикул - при доступности элемента на карточке товара позволяет настроить отображение артикула Товара. Настройки:
   
  • Отображать артикул - активирует отображение Артикула;
  • Иконка SKU:
    • из Библиотеки
    • по URL
  • URL - ссылка на картинку при выборе варианта Источника - "По URL"
  • Остальные настройки элемента идентичны настройкам элемента "Текст" за исключением некоторых неактуальных
• Количество - блок, объединяющий в себе отображение информации о количестве товара и кнопками увеличения/уменьшения количества и/или удаления Товара. Настройки:
   
  • Для элемента:
    • Единица измерения - активирует отображение единицы измерения Товара;
    • Минимальное значение 0 - активирует минимальное значение "0" для Товара (актуально для списка товаров, например, с пакетами, когда предлагается выбрать 1 из нескольких пакетов из списка)
    • Цвет блока - позволяет выбрать цвет блока из списка настроенных в разделе "Цветовая схема";
    • Радиус - позволяет выбрать закругления на всех 4-х углах блока как вместе, так и по отдельности
    • Отступы - позволяет выбрать значения отступов со всех 4-х сторон блока;
    • Свойства текста - раздел, в котором можно настроить отображение текста. Настройки:
      • Настройки элемента идентичны настройкам элемента "Текст" за исключенем некоторых неактуальных
  • Для вложенных кнопок (Увеличить, Уменьшить, Удалить)
    • Настройки элемента идентичны настройкам элемента "Кнопка" за исключением некоторых неактуальных
• Удалить - при доступности кнопки на карточке товара позволяет настроить формат отображения кнопки удаления Товара
  • Настройки элемента идентичны настройкам элемента "Кнопка" за исключением некоторых неактуальных

5.2. Локальные элементы

5.2.1. Каталог

Локальный элемент, позволяющий добавить каталог, доступный на следующих экранах:

• Каталог
• Vision
• Чек
• Подытог

Настройки:

Пример:

• Навигация - при активации отображает название пик-листа, в котором находится Покупатель, тем самым предоставляя возможность перемещаться между пик-листами по нажатию на корневую директорию;
• Страницы - при активации отображает элемент, позволяющий осуществлять переход между страницами пик-листа
• Вкладки - при активации отображает панель с вкладками, где отображаются доступные пик-листы
• Поиск - позволяет выбрать возможность поиска по пик-листам:
  • Выключен - функционал поиска выключен;
  • Включён - активирует функционал поиска, добавляя соответствующую иконку;
  • Включён и активен - реализует активированный режим поиска сразу при переходе на экран с данным элементом.

Элемент добавляется с двумя вложенными элементами:

• Таблица - позволяет кастомизировать табличное отображение пик-листов. Настройки:
  • Для элемента:
    
    
    • Количество столцов - позволяет выбрать количество столбцов Карточек Каталога;
    • Отступы - позволяет выбрать значения отступов со всех 4-х сторон элемента;
    • Позиционирование блоков - блок, позволяющий настроить отступы между позициями пик-листа:
      • Межстрочный интервал - позволяет выбрать расстояние между строчками позиций пик-листа;
      • Интервал между колонок - позволяет выбрать рассстояние между столбцами позиций пик-листа.
  • Для вложенного элемента Карточка:
    
    • Размеры - позволяет выбрать высоту элемента;
    • Количество строк в названии - позволяет выбрать количество строк в названии позиции пик-листа;
    • Цвет - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема".
• Вкладки - при активированных вкладках в настройках элемента "Каталог" позволяет настроить их отображение. Настройки:
   
  • Цвет - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема".
  • Цвет активный - позволяет выбрать цвет активной вкладки элемента из списка настроенных в разделе "Цветовая схема".
  • Размеры - позволяет выбрать высоту элемента;
  • Вариант - позволяет выбрать тип отображения информации:
    • Только иконка - отображение только иконки пик-листа;
    • Только текст - отображение только названия пик-листа;
    • Смешанный однострочный - отображение и названия, и иконки пик-листа в одну строчку;
    • Смешанный двустрочный - отображение и названия, и иконки пик-листа в две строчки.
  • Количество - позволяет выбрать количество отображаемых на странице вкладок пик-листов.

5.2.2. QR-код

Локальный элемент, позволяющий добавить информацию о QR-коде сформированного по результату оплаты фискального чека. Доступен на экранах:

• Спасибо

Настройки:

• Отступы - позволяет выбрать значения отступов со всех 4-х сторон элемента
• Размеры - позволяет выбрать размер элемента

5.2.3. DS

Локальный элемент, позволяющий добавлять контент, воспроизводимый через инстумент Digital Signage. Доступен на экранах:

• standBy
• Чек

Элемент может быть добавлен только в элемент Контейнер выбранной разметки. Добавление во вложенные Контейнеры/Списки недоступно.

Настройки:

Тип проигрывателя - позволяет выбрать тип настроенного в инструменте Digital Signage проигрывателя для экрана Чек:

• standBy - экран "Ожидания";
• receipt - экран "Чек".

В элемент возможно добавить следующие элементы:

5.2.3.1. Бегущая строка

Локальный элемент, позволяющий добавить бекущую строку к контенту, воспроизводимому через инструмент Digital Signage.

Настройки:

Пример:

• Бегущая строка - позволяет отобразить бегущую строку с текстом и выбрать её расположение:
  • Сверху
  • Снизу
  • Сверху и снизу
• Свойства текста - раздел, в котором можно настроить отображение текста.
  • Настройки элемента идентичны настройкам элемента "Текст" за исключенем некоторых неактуальных

6. Настройка диалоговых окон интерфейса

Настройка диалоговых окон осуществляется в разделе "Диалоги" верхнего меню

6.1. Основные

В данном разделе настраивается глобальный вид всех возникающих диалоговых окон.

Настройки:

Пример:

• Позиционирование - позволяет выбрать вариант расположения вложенных в диалоговое окно элементов
• Размеры - позволяет выбрать ширину и высоту диалогового окна;
• Отступы - позволяет выбрать значения отступов для всех вложенных элементов со всех 4-х сторон элемента
• Радиус - позволяет выбрать закругления на всех 4-х углах элемента как вместе, так и по отдельности
• Цвет - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема";
• Тень - при активации позволяет выбрать:
  • значения отступов тени элемента
  • степень рассеивания
  • Уровень прозрачности тени
  • Цвет тени из списка настроенных в разделе "Цветовая схема".
• Задний фон - при активации позволяет задать любое изображение в качестве заднего фона элемента со следующими настройками:
  • Источник:
    • из Библиотеки
    • по URL
  • URL - ссылка на картинку при выборе варианта Источника - "По URL"
  • Позиционирование:
    • справа
    • слева
    • сверху
    • снизу
    • по центру
  • Размер картинки:
    • по размеру картинки - масштабирование происходит по наименьшей стороне элемента
    • по размеру блока - масштабирование по большей стороне элемента
    • заданный размер - масштабирование можно установить вручную
  • Раппорт - дублирование картинки по всей площади элемента.

6.2. Диалоговое окно

Все имеющиеся в интерфейсе диалоговые окна сгруппированы по их типу. Настройка для каждого диалогового окна одного и того же типа производится одинаковым образом.

Список категорий возникающих диалоговых окон:

• Сообщения
• Блокировка UI
• Подтверждения
• Вво
• Выбор из списка
• Антифрод
• Список товаров

Любое диалоговое окно вне зависимости от его категории имеет настройки, аналогичные элементу "Список".

В настраиваемое диалоговое окно можно добавить те или иные элементы в зависимости от типа настраиваемого окна

Доступные для добавления элементы интерфейса:

6.2.1. Контейнер

Настройки аналогичны элементу "Контейнер"

6.2.2. Картинка

Настройки:

Пример:

• Картинка - раздел, в котором можно настроить отображение картинки в диалоговом окне:
  • из Библиотеки
  • по URL
• URL - ссылка на картинку при выборе варианта Источника - "По URL"
• Цвет иконки - позволяет выбрать цвет элемента из списка настроенных в разделе "Цветовая схема";
• Размеры - позволяет выбрать ширину и высоту элемента.

6.2.3. Заголовок

Настройки аналогичны элементу "Текст"

6.2.4. Описание

Настройки аналогичны элементу "Описание"

6.2.5 Кнопка (Подтверждения, Согласия/Отказа)

Настройки аналогичны элементу "Кнопка".

6.2.6. Выбор "один из"

Настройки будут доступны позже

6.2.7. Строковая форма

Настройки будут доступны позже

6.2.8. Числовая форма

Настройки будут доступны позже.

6.2.9. Информация антифрод

Настройки будут доступны позже.