История страницы

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

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

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

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

Image Modified

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

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

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

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

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

5 – в поле Конфиг КСОЗ выбрать из выпадающего списка созданный конфигурационный файл, который появится в нем по факту создания в разделе Конфигуратор;

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

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

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

Image Modified

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

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

Image Modified

Image Modified

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

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

Image Modified

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

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

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

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

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

4.1.2. Настройки

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

Image Modified

• Разметка экрана – выбор вариантов разметок экрана из заранее преднастроенных (список разметок может дополняться):
  Image Modified
  

• Якорь
  colour colour

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

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

4.1.3. Сохранение

Image Modified

С помощью данной кнопки можно сохранить все выполненные изменения.

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

Image Modified

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

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

Image Modified

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

Нажав на иконку Корзина можно выйти к списку созданных файлов конфигурации:

Image Modified

4.2. Левое меню

Image Modified

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

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

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

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

Image Modified

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

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

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

Image Modified

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

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

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

Якорь
container container

5.1.1. Контейнер

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

Image Modified

Настройки

Пример: 

Image Modified

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

Якорь
list list

5.1.2. Список

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

Image Modified

Настройки

Пример:

Image Modified

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

5.1.3. Текст

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

Image Modified

Настройки

Пример:

Image Modified

• Якорь
  text text

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

Якорь
button button

5.1.4. Кнопка

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

Image Modified

Настройки

Пример:

Image Modified

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

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

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

Image Modified

Настройки

Пример:

Image Modified

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

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

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

Image Modified

Настройки

Пример:

Image Modified

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

5.1.7. Итого

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

Image Modified

Настройки

Пример:

Image Modified

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

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

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

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

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

• до регистрации;
• после регистрации.

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

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

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

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

Image Modified

Настройки

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

5.1.10. Чек

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

Image Modified

Настройки

Пример:

Image Modified

• Тип разделителя – позволяет выбрать вариант отображения разделителя между товарными позициями:
  • 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. Локальные элементы

Якорь
catalogue catalogue

5.2.1. Каталог

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

• Каталог
• СуперМаг Vision
• Чек
• Подытог.

Image Modified

Настройки:

Пример:

Image Modified

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

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

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

5.2.2. QR-код

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

• Спасибо.

Image Modified

Настройки:

Image Modified

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

5.2.3. СуперМаг DS

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

• standByStandBy
• Чек.

Image Modified

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

Настройки:

Image Modified

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

• standBy - – экран "Ожидания"ожидания;
• receipt - экран "Чек"– экран оформления чека.

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

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

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

Image Modified

Настройки:

Пример:

Image RemovedImage Added

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

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

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

6.1. Основные окна

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

Image Modified

Настройки:

Пример:

Image RemovedImage Added

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

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

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

Image Modified

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

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

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

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

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

6.2.1. Контейнер

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

6.2.2. Картинка

Image Modified

Настройки:

Пример:

Image Removed

Image Added

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

6.2.3. Заголовок

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

6.2.4. Описание

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

6.2.

...

5 Кнопка (

...

подтверждения,

...

согласия/

...

отказа)

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

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

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

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

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

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

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

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

...

анти-фрод

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