Автоматические отметки на карточках товаров

Отметку на карточке товара Тильда умеет показывать только одну и только ту, которую вы вписали руками. Значит, при каждой смене цены или остатка её нужно править. Модификация ставит отметки сама.

Какие отметки ставятся

• Скидка — процент считается из старой и новой цены товара, отметка появляется только начиная с заданного размера скидки.
• Нет в наличии — по нулевому остатку или по надписи «Распродано», которую рисует сама Тильда.
• Заканчивается — при остатке меньше заданного, с подстановкой числа в текст.

Текст задаётся шаблоном: -{percent}%, Скидка {percent}%, Осталось {count} — как удобнее.

Что настраивается

Форма отметки — круг или прямоугольник, размер, скругление, максимальная ширина, размер текста и отступы, свои цвета для каждого типа отметки, угол картинки и отступ от края. Отдельно — что делать со штатными отметками Тильды и в каком углу держать кнопку избранного.

Штатные отметки Тильды

Три варианта. Не трогать — товар со своей отметкой модификация обходит стороной. Показывать вместе — штатная отметка переезжает в общую стопку и получает ту же форму, размер и скругление, что и ваши. Прятать — штатная отметка скрывается, остаётся только ваша.

Кнопка избранного

Тильда всегда держит сердечко в правом верхнем углу картинки — там же, где чаще всего хочется видеть отметку. Настройка переносит его в любой из четырёх углов с нужным отступом; вариант «не трогать» оставляет всё как есть. Ставить отметку и сердечко в один угол не стоит: они наложатся друг на друга.

Что учтено

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

Ограничение

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