Товарные маркеры

Товарные маркеры нужны для визуального выделения товаров. Это те самые заметные метки, которые помогают быстро показать, что товар новый, акционный, рекомендованный, сезонный или относится к другой важной группе внимания.

Раздел отвечает не за сам товар, а за шаблон такого маркера: его название, изображение, цвета, активность и особые признаки.

Для кого и когда нужен этот документ

Этот документ нужен как основная инструкция по разделу Товарные маркеры. Здесь собраны:

• назначение раздела
• описание карточки маркера
• смысл цветовых полей и признака Скидочный маркер
• связь маркеров с карточкой товара и клиентскими витринами

Открывайте этот документ, если нужно:

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

1. Для чего нужен этот раздел

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

Типовые примеры:

• Новинка
• Хит
• Рекомендуем
• Сезон
• Скидка

Такие маркеры полезны:

• сотрудникам при работе с каталогом
• покупателю в витрине
• для продвижения отдельных товаров и акций

2. Как устроен интерфейс раздела

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

Основные поля карточки:

• Наименование
• Изображение
• Цвет фона
• Цвет фона (антагонист)
• Цвет текста
• Цвет текста (антагонист)
• Цвет рамки
• Цвет рамки (антагонист)
• Скидочный маркер
• Активен

3. Что означают основные поля

Наименование

Это текст маркера, который будет использоваться как его рабочее имя.

Изображение

В карточку маркера можно добавить отдельную картинку.

Если изображение выбрано, mini app оно показывается внутри маркера с приоритетом над текстом.

Если изображение не задано, маркер продолжает работать как обычная текстовая метка.

Цветовые поля

Эти поля задают внешний вид маркера.

На практике они позволяют:

• выбрать основной фон
• выбрать рамку
• выбрать цвет текста
• подготовить дополнительный контрастный вариант оформления

В карточке маркера цвет можно задать двумя способами:

• выбрать конкретный цвет через встроенный color picker
• выбрать значение из цветовой темы приложения через кнопку возле нужного поля

При выборе из темы открывается отдельное окно: в нём сначала выбирается приложение, затем конкретный цветовой токен. После выбора в поле подставляется значение вида var(--color-token).

Если компания не использует сложную визуальную схему, достаточно аккуратно заполнить базовые цветовые поля.

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

• основной цвет используется в одной теме
• антагонистический цвет используется в противоположной теме, чтобы маркер оставался читаемым

Скидочный маркер

Это отдельный важный признак.

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

В витринах, Telegram Mini App и Max мини-приложении такой маркер показывается не как обычная метка товара, а как отдельная скидочная отметка на карточке товара.

Активен

Если маркер выключен, его не стоит использовать в активных товарах.

4. Где маркеры используются дальше

4.1. В карточке товара

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

4.2. В клиентской витрине

Маркер влияет на визуальное оформление товара в клиентской витрине и карточке товара.

Именно здесь покупатель видит:

• что товар новый
• что товар акционный
• что товар выделен компанией как важный

Если у маркера задано изображение, витрина показывает именно его. Если изображения нет, используется обычный текстовый вид маркера.

4.3. В поиске и подборках

Маркеры могут участвовать в логике отбора товаров и в клиентском поиске как дополнительный признак выделения.

5. Как лучше проектировать набор маркеров

Хороший набор маркеров:

• короткий и понятный
• не дублирует сам себя
• соответствует реальным сценариям компании

Плохой набор маркеров:

• содержит десятки похожих меток
• различается только словами, но не смыслом
• заводится стихийно под каждую разовую задачу

6. Когда лучше выключать, а не удалять

Если маркер временно не нужен, его часто удобнее выключить, чем удалять.

Это особенно полезно, если:

• маркер уже использовался в товарах
• компания может вернуть его позже
• нужно временно убрать старую акцию

7. Что важно помнить при работе со скидочными маркерами

Если маркер связан со скидкой, стоит следить не только за внешним названием, но и за смыслом. Не каждый яркий маркер должен быть отмечен как скидочный.

Лучше разделять:

• обычные рекламные маркеры
• специальные маркеры для скидочного сценария