Личный кабинет

Настройка меток (Badges) для товаров

Настройка товаров

Метки товаров (Product Badges) — это графические элементы (лейблы), которые накладываются на миниатюру товара в каталоге. Они позволяют визуально акцентировать внимание на маркетинговых предложениях: например, «Sale» для товаров со скидкой, «New» для новинок или «Hot» для популярных позиций. В Gridbox предусмотрена возможность создания как автоматических, так и кастомных меток.

1. Типы меток

В системе предусмотрены два основных способа управления метками:

  • ■ Автоматические метки (System Badges): Gridbox автоматически подставляет метку «Sale» (Скидка), если для товара установлена цена Sale Price, отличная от основной цены.
  • ■ Кастомные метки (Custom Badges): Вы можете создавать собственные лейблы (например, «Хит продаж», «Акция», «Ликвидация»), задавать им уникальный цвет текста, фона и форму, а затем вручную назначать их нужным товарам.

2. Управление отображением меток

Настройка внешнего вида и логики работы меток производится в панели управления магазином:

  • ■ Настройки внешнего вида: Вы можете выбрать расположение метки на карточке (левый верхний, правый верхний и т.д.), настроить скругление углов (Border Radius) и шрифт.
  • ■ Привязка к товару: Кастомные метки назначаются в карточке товара на вкладке Badges. Можно выбрать одну или несколько активных меток для каждого конкретного товара.
Влияние на конверсию:

Метки — это триггер внимания. Исследования показывают, что использование контрастных меток на товарах со скидкой (Sale) повышает CTR карточки товара на 20–30%. Важно не перегружать витрину: обилие разноцветных меток на каждом товаре превращает каталог в визуальный шум и снижает эффективность каждого отдельного акцента.

💡 СОВЕТ РАЗРАБОТЧИКУ:

Если клиент просит добавить «свою» метку с уникальной иконкой (например, логотип бренда), не используйте встроенный функционал текстовых меток. Лучше либо использовать CSS-псевдоэлементы ::before/::after, либо добавить иконку как отдельное изображение в макете карточки товара Product List. Так вы сохраните чистоту HTML-разметки и избежите проблем с версткой меток на мобильных устройствах, где места на карточке товара всегда критически мало.