Создание и редактирование лейблов

Лейбл — короткая цветная метка на товаре, например «Новинка», «Хит» или «Распродажа». В этой статье разберём, как создать лейбл и настроить цвет его фона и текста.

Создание лейбла

Откройте Контент → astdesign.marketpro: Справочники → Лейблы для каталога товаров → Элементы и нажмите Добавить элемент.

Включите Активность и заполните Название — этот текст покупатель увидит на лейбле.

Цвет фона

Задайте фон одним из двух способов:

  • в поле CSS класс элемента укажите один из готовых классов: primary, secondary, error, success или gray;

  • в поле Цвет (например #000000) укажите собственный цвет в HEX-формате, например #FF0000.

Заполните только одно из этих полей. Цвета готовых классов зависят от цветовой схемы сайта.

Цвет текста

В поле Цвет текста (например #000000) укажите цвет надписи в HEX-формате, например #FFFFFF или #222222. Он настраивается независимо от цвета фона и работает как с готовым CSS-классом, так и с собственным цветом фона.

Если поле не заполнено, используется белый текст. Подбирайте фон и текст так, чтобы надпись легко читалась. Например, для светлого фона #FFE08A можно указать тёмный текст #4A3500.

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

Остальные настройки

Ссылка — страница, которая откроется при нажатии на лейбл. Настройка применяется к обычным лейблам.

Применять для скидок — МаркетПро использует цвет фона этого лейбла для автоматической метки скидки — «-N%». Если настройка включена у нескольких лейблов, цвет выбирается случайным образом.

Фильтр по товарам — условия, по которым МаркетПро автоматически привязывает лейбл к подходящим товарам. Обработка выполняется периодически, поэтому при большом каталоге результат может появиться через несколько минут. Если фильтр настроен, ручная привязка этого же лейбла к товарам, которые не подходят под условия, будет удалена.

Использовать для сроков доставки — лейбл показывает дату поступления товара от поставщика. К названию добавляется дата, например «Привезём 8 декабря». Подробнее — в статье «Отложенный срок доставки».

Нажмите Сохранить. Затем привяжите лейбл к товарам вручную или настройте Фильтр по товарам.