Лейблы и стикеры для товаров

Скидка, новинка, последний экземпляр — лейблы на товарах ставятся сами

Модуль выводит на товарах «−25%», «Новинка», «Хит продаж», «Осталось 3 шт.», «Нет в наличии» и ваши собственные метки — текстом или картинкой. Условия проверяются при каждом показе товара, поэтому задание cron для лейблов не нужно, а сами лейблы приходят сразу в HTML страницы: без мерцания и видны поисковым системам.

Зачем магазину лейблы по условиям

Метки «−25%», «Новинка» или «Осталось 2 шт.» помогают покупателю выбрать товар прямо в каталоге. Расставлять их вручную на сотнях товаров некому, а метки, которые пересчитываются по расписанию, отстают от каталога: товар уже распродан, а «Осталось 2 шт.» всё ещё на карточке.

Категория на витрине: «Новинка» и «Хит продаж» в верхних углах, «Нет в наличии» по центру с затемнённым фото, «Осталось 3 шт.» строкой у цены, слева фильтр «Лейблы».

Что увидит покупатель

Лейблы стоят в каталоге и поиске, в блоках товаров и каруселях, на странице товара и в быстром просмотре. Место каждого лейбла задаётся дважды: для списков товаров и для страницы товара.

• •  Девять точек на картинке: углы, середины сторон и центр. «По центру» с затемнением фото — готовое место для «Нет в наличии».
• •  Строка у названия и у цены: «Только онлайн» над названием, «Осталось 3 шт.» после цены или после старой цены.
• •  Несколько лейблов в одной точке встают друг под другом или в ряд — по приоритету и не больше заданного числа.
• •  Пять форм плашки — «Прямоугольник», «Скруглённый», «Капля», «Скошенный угол», «Круг» — с рамкой 1–3 px и своими цветами.
• •  Размер в самом лейбле: картинка — в процентах от фото товара, текст — размером шрифта, отдельно для списков и страницы товара; превью в форме показывает его сразу.
• •  Телефон: свой короткий текст («−25%» вместо «Скидка 25%») и своя картинка. Если лейблам в углах одного ряда не хватает места рядом, остаётся более важный по приоритету. Лейбл можно скрыть на смартфоне, планшете или ПК.

Страница товара: «Новинка» на фото, «Только онлайн» строкой над названием, «Осталось 3 шт.» и «Бесплатная доставка» у цены.

Позиция лейбла «Нет в наличии»: центр на двух сетках 3×3 — для списков и для страницы товара, рядом строки у названия и у цены и флажок «Затемнять картинку товара».

Категория на телефоне: две колонки товаров, «Новинка» и «Хит продаж» на фото.

Как это работает

Окно «Создать из шаблона»: текстовые и графические лейблы, у каждого — описание условий.

Шаблоны, превью и проверка на товаре

В окне «Создать из шаблона» 10 текстовых и 14 графических шаблонов, у каждого написано, какие товары получат лейбл. Показываются только шаблоны, для условий которых в магазине есть данные: «Выбор покупателей» и «Высокий рейтинг» появляются при включённом модуле отзывов.

• •  Текстовые: «Скидка −N%», «Новинка», «Хит продаж», «Последний», «Осталось N шт.», «Выбор покупателей», «Нет в наличии», «Бесплатная доставка», «Предзаказ», «Скоро в продаже».
• •  Графические — готовые картинки на русском и английском, на телефоне у них компактная иконка. «Чёрная пятница», «Новогодняя распродажа» и «День рождения» назначаются товарам или категории вручную.
• •  Превью «Как будет на витрине» меняется сразу, без сохранения: текст, цвета, форма, рамка, позиция, затемнение, картинка.
• •  «Проверить на товаре» отвечает, получит ли выбранный товар лейбл, и показывает результат по каждому условию — с учётом несохранённых правок.
• •  Кнопка «Показать лейблы товара» на вкладке товара выводит все лейблы, которые товар получит на витрине.

Форма лейбла «Скидка −N%»: текст −{{discount}}%, цвета, форма, рамка и позиция; справа превью с «−25%».

«Проверить на товаре»: карточка товара с лейблом у цены, вывод «Товар получает этот лейбл» и ответ «Да» по обоим условиям «В наличии».

Условия и ручное назначение

Кому достаётся лейбл, решают условия: 14 есть в любом магазине, ещё 7 появляются вместе с модулями отзывов, тегов, хитов продаж и другими. Условия объединяются через «каждое» или «любое», режим «не выполняется» их переворачивает.

• •  Всегда доступны: цена, скидка, оптовые скидки, промоакция, остаток, характеристика, товары, категории, популярность, вес, дата создания, бесплатная доставка, предзаказ, «скоро будет».
• •  С модулями CS-Cart и Cart-Power: тег, количество продаж, количество отзывов, рейтинг, ограничение по возрасту, тарифный план продавца, снятые с производства.
• •  15 подстановок в тексте: «−{{discount}}%» показывает реальный процент скидки, «Осталось {{amount}} шт.» — остаток, {{saving}} — экономию, {{days_left}} — дни до конца периода показа.
• •  Вручную: товару, категории вместе с подкатегориями, группе товаров через массовое редактирование, экспортом и импортом по коду или названию лейбла. Исключение убирает лейбл с конкретного товара.
• •  Приоритет, лимит в точке и «Не показывать другие лейблы» решают, что останется, если товар подходит под несколько лейблов, а приоритет — ещё и какой угол останется на узкой карточке.
• •  Группы покупателей, период показа и витрины — у каждого лейбла свои.

Условия лейбла «Осталось N шт.»: два условия «В наличии» — «меньше или равно 5» и «больше 1»; ниже блок «Включить для товаров» для ручного назначения.

Вкладка товара «CP: Управление лейблами»: вручную назначен «Только онлайн», под кнопкой «Показать лейблы товара» — лейблы, которые товар получит на витрине.

Скорость страниц

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

• •  Категория на 64 товара с 8 лейблами: модуль добавляет к странице 6 SQL-запросов, отдельного запроса после загрузки нет. Версия 4.5 добавляла к той же странице 146 запросов и ещё AJAX-запрос на 30.
• •  Поиск на 64 товара: +6 запросов против +146 у версии 4.5. Страница товара: +6 против +5 и AJAX-запроса на 30 у версии 4.5.
• •  Модуль без активных лейблов добавляет к странице один запрос.
• •  Скрытие лейблов на устройствах работает по ширине экрана, поэтому подходит для полностраничного кеша.

Фильтр «Лейблы» и блок «Товары с лейблами»

Покупатель отмечает в фильтре «Новинка» и «Хит продаж» и видит только такие товары. Блок «Товары с лейблами» собирает, например, новинки для главной — товары с любым или со всеми выбранными лейблами.

• •  Фильтр и блок учитывают лейблы по условиям, ручные и лейблы категорий, исключения и период показа.
• •  Для них модуль ведёт отдельный список «товар — лейбл» по каждой витрине. Правки товаров и их ручных лейблов попадают в список сразу (до 20 товаров за раз), остальное — после пересчёта: задание cron раз в сутки или кнопка «Пересчитать сейчас».
• •  Готовая команда для cron — в настройках модуля. Если фильтра и блока в магазине нет, задание не нужно.

Фильтр «Лейблы» в категории: отмечены «Новинка» и «Хит продаж», справа — товары с этими лейблами.

Multi-Vendor и несколько витрин

• •  Лейблы продавцов. Продавец создаёт свои лейблы — вручную или из шаблона, с условиями, — и они показываются только на его товарах. Доступ включается настройкой модуля и, если включён модуль тарифов, флажком в тарифном плане.
• •  Лейблы администратора для продавцов. Открытый лейбл продавец назначает своим товарам и может выключить у себя. Закрытые лейблы администратора продавец не видит и не меняет.
• •  Условие «Тарифный план продавца» ставит лейбл товарам продавцов на выбранном тарифе.
• •  Витрины. У каждого лейбла свой список витрин. В CS-Cart Ultimate лейблы можно скопировать при создании витрины из существующей, большинство настроек задаётся для каждой витрины отдельно.

Панель продавца: свой лейбл «Выбор продавца» и открытый лейбл администратора, статус которого действует только на товары этого продавца.

Что нового в версиях 5.0–5.2

• •  5.2: на узкой карточке — телефон, узкая колонка, кнопки темы у края картинки — лейблы в углах одного ряда больше не ложатся друг на друга: остаётся лейбл с более высоким приоритетом.
• •  5.1: размер задаётся в самом лейбле — у картинки процент ширины фото, у текста размер шрифта, отдельно для списков и страницы товара. Превью в форме показывает настоящий размер и меняется при вводе. Настроек модуля стало меньше: три вкладки вместо пяти.
• •  Лейблы выводятся сразу в разметке страницы: без запроса после загрузки, без мерцания, видны поисковикам и при выключенном JavaScript.
• •  Условия проверяются при каждом показе товара: «Новинка», скидка, остаток, рейтинг и другие лейблы по условиям работают без задания cron.
• •  Девять позиций на картинке, включая центр и середины сторон, и строки у названия и у цены — отдельно для списков и страницы товара.
• •  Размер графических лейблов в процентах от картинки товара.
• •  Создание лейбла из шаблона в один клик, живое превью в форме и проверка на выбранном товаре.
• •  На вкладке товара видно, какие лейблы он получит на витрине.
• •  Затемнение картинки товара и настройки показа штатных лейблов CS-Cart «Скидка» и «Бесплатная доставка».
• •  Подстановки {{list_price}}, {{saving}}, {{days_left}}, {{date_to}}.
• •  Multi-Vendor: продавцы создают свои лейблы для своих товаров.
• •  Фильтр и блок «Товары с лейблами» учитывают лейблы по условиям и лейблы категорий; экспорт и импорт лейблов товаров по коду или названию.

Чего модуль не делает

• •  Не выводит лейблы на странице сравнения товаров, в корзине и при оформлении заказа.
• •  Не выравнивает лейблы по краям самого фото: девять точек считаются по рамке картинки товара. У узкого фото в широкой рамке угловые лейблы стоят у краёв рамки.
• •  Не подключается сам к темам со своими шаблонами карточки товара. Шаблоны витрины сделаны для темы Responsive и тем на её основе; на другой теме лейблы может понадобиться подключить — поможем.
• •  Не обновляет фильтр «Лейблы» и блок «Товары с лейблами» мгновенно после массовых изменений: для них нужен пересчёт. На карточках товаров лейблы от пересчёта не зависят.
• •  Не создаёт лейблы при установке: список пуст, первый лейбл создаётся из шаблона.
• •  На страницах из полностраничного кеша лейблы для групп покупателей и с периодом показа остаются такими, какими были, когда страница попала в кеш.

Совместимость и поддержка

Частые вопросы