CSI K ◾ Как изменить картинки на CSI K (брендирование CSI K)

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

CSI K ◾ Как изменить картинки на CSI K (брендирование CSI K)

https://crystals.atlassian.net/browse/SCOC-209

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

10.3.14.0

Внимание!

Начиная с версии 10.4.1.0 изменен путь синхронизации для изображений товарных плиток пик-листа и медиа-контента для брендирования (кнопки типов оплат, иконки пакетов и т. д.) на SetSCO и CSI-K.

Путь для синхронизации медиа-контента для товарных плиток:

БЫЛО: /home/tc/storage/crystal-cash/images/picklist → СТАЛО: /home/tc/storage/crystal-cash/media/images/picklist;

Путь синхронизации медиа-контента для пакетов, картинок типов оплат и брендирования:

БЫЛО: /home/tc/storage/crystal-cash/images → СТАЛО: /home/tc/storage/crystal-cash/media/images/default.

Для медиа-файлов, загруженных в папки /home/tc/storage/crystal-cash/images предусмотрен автоматический перенос данных в соответствии с новыми путями синхронизации. Также если настроена выгрузка контента из внутренних систем в отдельную папку на кассе, например через сервис ansible, требуется изменить путь синхронизации на актуальный.

Подробно об остальных изменениях в работе SetSync для SetSCO и CSI-K ниже в разделе Замена картинок.

Описание

Кроме кастомизации интерфейса эта статья отвечает на вопрос, как настроить базовый сценарий реализации рекламы на CSI K.

Пример работы

Отображение плиток товаров пик-листа. Вкладка Выпечка.

image-20240401-084625.png

 

Отображение изображений для групп товаров ВЫПЕЧКА и ФРУКТЫ на кассе CSI-K.

Для групп товаров МЯСО и АЛКОГОЛЬ изображения не загружены → название группы товаров отображается посередине товарной плитки.

image-20240502-093759.png

 

Отображение изображений для групп товаров ВЫПЕЧКА и ФРУКТЫ на кассе SetSCO(4:3).

Для групп товаров МЯСО и АЛКОГОЛЬ изображения не загружены → название группы товаров отображается посередине товарной плитки.

image-20240513-093420.png

 

Отображение иконки для типа оплаты Банковской картой на экране выбора типов оплат.

image-20240401-093938.png

 

Отображение рекламы на экране CSI-K во время простоя кассы.

image-20240329-093234.png

 

Измененная кнопка Начать оплату.

image-20240328-154911.png

 

Пример изменения цветовой схемы. Изменение цвета фона кнопок.

Экран сканирования товаров.

image-20240403-095713.png

 

Экран выбора типов оплат.

image-20240403-100033.png

Что можно изменить?

Как изменить?

Замена картинок

https://crystals.atlassian.net/browse/SCOC-1448

https://crystals.atlassian.net/browse/SCOC-1449

https://crystals.atlassian.net/browse/SRTS-2500

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

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

10.4.1.0

Для синхронизации медиаконтента с кассами используется сервис SetSync.

Подробная инструкция по настройке компонентов сервиса и подключения процессинга в статье Set Sync ◾️ Синхронизация медиаконтента (загрузка изображений и видео на кассы).

Начиная с версии 10.4.1.0 в SetSync добавлены дополнительные пути для синхронизации медиаконтента на кассах типа SCO (CSI K):

Путь

Назначение пути

Путь

Назначение пути

/home/tc/storage/crystal-cash/media/images/picklist

Путь синхронизации медиа-контента для товарных плиток CSI-K

/home/tc/storage/crystal-cash/media/images/default

Путь синхронизации медиа-контента для пакетов, картинок типов оплат и брендирования CSI-K

Дополнительная информация о настройке кнопок и иконок типов платежей в статье https://crystals.atlassian.net/wiki/spaces/SR10SUPPORT/pages/4077781104.

/home/tc/storage/crystal-cash/modules/advertising/templates/content/sco-kiosk

Путь синхронизации медиа-контента для рекламного контента на экране простоя CSI-K

/home/tc/storage/crystal-cash/config/localizations

Путь синхронизации медиа-контента для файлов локализации CSI-K

 

1. Зайдите на страницу сервиса MinIO → перейдите в раздел Administrator → вкладка Buckets → кликните Create Bucket + для создания корзины/папки для хранения изображений.

image-20240328-084820.png

2. Введите название корзины → убедитесь, что название корзины соответствует всем требованиям → кликните Create Bucket.

image-20240328-084930.png

3. Перейдите в раздел User → вкладка Object Browser → кликните на требуемую корзину. 

image-20240328-085038.png

4. Подготовьте изображения согласно требованиям (название, размер изображения) → кликните Upload → кликните Upload File

image-20240328-085130.png

5. Выберите требуемые изображения → кликните Открыть.

image-20240328-085218.png

Изображения появятся в корзине.

image-20240328-085321.png

6. Перейдите на сервер SetCentrum/SetRetail10 → раздел Интеграция → вкладка Внешние процессинги → кликните на процессинг SetSync

image-20240328-085422.png

7. Перейдите на вкладку CSI-K → введите путь для синхронизации контента → введите наименование корзины в сервисе MinIO → кликните Сохранить.

image-20240403-152704.png

Таким образом создайте остальные корзины для синхронизации контента и добавьте их в процессинг.

image-20240403-152921.png

Размер картинок (разрешение), наименование и их формат должен быть аналогичен примерам ниже.

Остальные примеры дефолтных картинок для кассы в .

filename: to_scan.png/size: 1280*705 px

 

 

filename: to_scan_card.png/size: 1080*500 px
filename: Scan_EXCISE.png/size: 460*460 px

 

 

filename: put_on_scale.png/size: 324*324 px

Добавление изображений для групп товаров в пик-листе

https://crystals.atlassian.net/browse/SCOC-1540

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

https://crystals.atlassian.net/browse/SET10FAQ-2497

10.4.2.0

  • Для синхронизации изображений для групп товаров используется тот же путь синхронизации, что и для других товарных плиток - /home/tc/storage/crystal-cash/media/images/picklist;

  • Формат изображений - png;

  • Название файла (без учета расширения .png) должно совпадать с названием группы товаров на сервере, например, ОВОЩИ/ОВОЩИ.png, ФРУКТЫ/ФРУКТЫ.png, ВЫПЕЧКА/ВЫПЕЧКА.png и т. д.

Инструкция по добавлению изображений для групп-товаров в пик-листе в разделе Замена картинок.

Ограничения

1. При отсутствии изображений для групп товаров в папке /home/tc/storage/crystal-cash/media/images/picklist отображается только название группы товаров по центру плитки.

2. Размер изображения будет автоматически отформатирован на КСО.

3. При внесении изменений пик-лист должен обновляться в режиме ожидания покупателя.

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

Изменение цветовой схемы

1. Перейдите в папку /home/tc/storage/crystal-cash/modules/visualization найдите файл visualization-system-config-template.xml → откройте файл для редактирования.

В данном файле можно изменить цвет для следующих элементов:

  • workStateColor - поле экрана сканирования товаров, куда добавляются отсканированные товары;

  • colorButtonsBackGround - цвет фона кнопок;

  • colorCalculatorClearButton - цвет кнопки Очистить в калькуляторе (списание бонусов, ввод любых цифр и т.д.);

  • colorDialogsBackground - цвет фона диалоговых окон;

  • singleProductLogoColor - цвет панельки с товаром (которая появляется и исчезает, когда товар добавляется в чек);

  • singleProductBorderColor - цвет границы панельки с товаром;

  • сolorNoCardButton - цвет кнопки Нет карты.

image-20240402-080150.png

2. Изначально в файле есть настройка только для кнопки Нет карты. Для изменения цвета других элементов добавьте настройки для кнопок аналогичным образом в файл.

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

<property name="colorButtonsBackGround" value="#ff0000"/>
image-20240402-081831.png

3. Нажмите F2 для сохранения изменений в файле.

image-20240402-083054.png

4. Перезагрузите кассу для применения настроек.

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