Публичное пространство
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.
Пример работы
Отображение плиток товаров пик-листа. Вкладка Выпечка.
Отображение изображений для групп товаров ВЫПЕЧКА и ФРУКТЫ на кассе CSI-K.
Для групп товаров МЯСО и АЛКОГОЛЬ изображения не загружены → название группы товаров отображается посередине товарной плитки.
Отображение изображений для групп товаров ВЫПЕЧКА и ФРУКТЫ на кассе SetSCO(4:3).
Для групп товаров МЯСО и АЛКОГОЛЬ изображения не загружены → название группы товаров отображается посередине товарной плитки.
Отображение иконки для типа оплаты Банковской картой на экране выбора типов оплат.
Отображение рекламы на экране CSI-K во время простоя кассы.
Измененная кнопка Начать оплату.
Пример изменения цветовой схемы. Изменение цвета фона кнопок.
Экран сканирования товаров.
Экран выбора типов оплат.
Что можно изменить?
Как изменить?
Замена картинок
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 + для создания корзины/папки для хранения изображений.
2. Введите название корзины → убедитесь, что название корзины соответствует всем требованиям → кликните Create Bucket.
3. Перейдите в раздел User → вкладка Object Browser → кликните на требуемую корзину.
4. Подготовьте изображения согласно требованиям (название, размер изображения) → кликните Upload → кликните Upload File.
5. Выберите требуемые изображения → кликните Открыть.
Изображения появятся в корзине.
6. Перейдите на сервер SetCentrum/SetRetail10 → раздел Интеграция → вкладка Внешние процессинги → кликните на процессинг SetSync.
7. Перейдите на вкладку CSI-K → введите путь для синхронизации контента → введите наименование корзины в сервисе MinIO → кликните Сохранить.
Таким образом создайте остальные корзины для синхронизации контента и добавьте их в процессинг.
Размер картинок (разрешение), наименование и их формат должен быть аналогичен примерам ниже.
Остальные примеры дефолтных картинок для кассы в .
Добавление изображений для групп товаров в пик-листе
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 - цвет кнопки Нет карты.
2. Изначально в файле есть настройка только для кнопки Нет карты. Для изменения цвета других элементов добавьте настройки для кнопок аналогичным образом в файл.
Например, настройка для изменения цвета фона кнопок с дефолтного на красный будет выглядеть следующим образом:
<property name="colorButtonsBackGround" value="#ff0000"/>3. Нажмите F2 для сохранения изменений в файле.
4. Перезагрузите кассу для применения настроек.
Статьи по теме