SetRetail SCO v.3◾Ручная кастомизация кассы (изменение цветовой схемы)

Публичное пространство

SetRetail SCO v.3◾Ручная кастомизация кассы (изменение цветовой схемы)

https://crystals.atlassian.net/browse/SCOD-1060

https://crystals.atlassian.net/browse/CR-10043

10.4.7.0

https://crystals.atlassian.net/browse/SCOD-1626

https://crystals.atlassian.net/browse/CR-13604

10.4.14.0

https://crystals.atlassian.net/browse/SRTLM-124

https://crystals.atlassian.net/browse/CR-14561

10.4.21.0

Описание

Начиная с версии 10.4.7.0 добавлена возможность кастомизации цветовой схемы на кассе самообслуживания на базе SetRetail SCO v.3. 

В версии 10.4.14.0 функциональность кастомизации была расширена: добавлено изменение второго цвета цветовой схемы.

В версию 10.4.21.0 добавлена возможность кастомизации цветового оформления режима консультанта.

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

Пример работы успешного сценария

Файл кастомизации добавлен

После перезагрузки кассы отображается стартовый экран → цвета интерфейса в фиолетовых оттенках.

image-20250915-124606.png
image-20250915-124624.png

 

Пример экрана сканирования товара в пользовательских цветах.

image-20250915-124839.png
image-20250915-124748.png

 

Пример экрана с напоминанием о пакете.

image-20250915-125002.png
image-20250915-125023.png

 

Пример экрана выбора типов оплаты.

image-20250915-125200.png
image-20250915-125124.png

 

Пример экрана фискализации чека.

image-20250915-125402.png
image-20250915-125420.png

 

Редактирование чека в режиме консультанта.

image-20251101-102625.png
image-20251101-102655.png

 

Меню консультанта.

image-20251101-102756.png
image-20251101-102736.png

 

Пример работы отрицательного сценария

Файл кастомизации удален

После перезагрузки кассы отображается стартовый экран, цвета оформления стандартные - зеленый и светло-зеленый.

image-20250915-130704.png
image-20250915-130723.png

 

Дополнительная информация

На данный момент (версия 10.4.21.0) возможна кастомизация трёх цветовых палитр:

  • primary(основной цвет в цветовой схеме, используется для большинства элементов и фонов):

    • кнопки, например, Перейти к оплате;

      primary.png
    • экран Спасибо за покупку, экран фискализации чека и т. д.;

      image-20251101-094416.png

       

    • таймер отсчета, например, при аннулировании чека;

      promary2.png
    • идентификатор прогресса, например, при первичных настройках КСО.

      primary3.png
  • secondary(вторичный цвет в цветовой схеме, используется для отдельных акцентных надписей):

    • акцентный текст, например, заголовки Каталог товаров, Список товаров и т. д.;

      каталог товаров-20251101-094908.png
      image-20251101-095401.png
    • заголовки на вкладках, например, при выборе способа получения чека (вкладки На email, SMS на телефон, Напечатать);

      image-20251101-100202.png
    • информирование покупателя об акциях на КСО/сумме скидки на КСО.

      image-20251101-103029.png
      image-20251101-100641.png
  • warning(цвет оформления меню консультанта):

    • обрамление экрана в режиме консультанта;

      RectOverlay vertical-20251101-101048.png
    • информационные плашки в режиме консультанта;

      AssistantInfoPanel vertical-20251101-101356.png
    • оформление меню консультанта.

      image-20251101-102044.png

Ограничения

1. Если файл кастомизации не добавлен или удален, тогда КСО будет запущена в стандартных цветах. 

2. Для применения файла кастомизации необходимо перезагрузить КСО.

Настройка

1. Скачайте файл кастомизации .

2. Откройте файл на редактирование → вставьте цвета в формате HEX или RGB, например, #631d76 - фиолетовый → сохраните изменения в файле.

Обратите внимание, для корректной работы функциональности в файле должны быть прописаны значения для трёх цветов (primary, secondary и warning), даже если в цветовой схеме используется только один цвет. В этом случае укажите одинаковые значения для всех параметров.

image-20251101-105440.png

3. Перейдите в папку /home/tc/storage/crystal-cash/customization на кассе → скопируйте в папку отредактированный файл кастомизации. 

4. Перезагрузите кассу.

Статьи по теме