Процент скидки в карточке товара Tilda
Как автоматически рассчитать скидку по двум ценам и оформить плашку рядом с ними.Подробнее о модеСвернуть описание
Процент скидки в карточке товара Tilda
Как автоматически рассчитать скидку по двум ценам и оформить плашку рядом с ними.Что умеет мод
- Вычисляет процент скидки по старой и текущей цене.
- Обновляет значение при изменении отображаемых цен товара.
- Позволяет настроить фон, цвет текста, шрифт, отступы и скругление.
- Добавляет необязательную стрелку с собственным размером и положением.
Как подключить
Подготовьте цены
В каталоге Tilda задайте старую и новую цену товара. Старая должна быть больше текущей. Если варианты имеют разные цены, проверьте их штатное переключение.
Оформите плашку
Подберите цвета, шрифт, размер текста и скругление. Настройте внутренние отступы и расстояние от цены. При необходимости включите стрелку.
Проверьте расчёт в превью
Впишите свои старую и новую цену. Переключите демонстрационные варианты и убедитесь, что размер и положение плашки подходят для разных значений.
Установите на сайт
Скопируйте код в T123 после блока магазина и опубликуйте страницу. Проверьте скидку, товар без старой цены и переключение вариантов на компьютере и телефоне.
Что учитывать. Мод отображает процент от уже заданных цен. Размер скидки и стоимость покупки по-прежнему определяются настройками товара Tilda. Результат округляется до целого процента.
Вопросы и ограничения
Как рассчитывается процент?
Разница старой и новой цены делится на старую цену и умножается на 100. Например, снижение с 4 000 до 3 000 даёт 25%.
Что происходит у товара без скидки?
Если нет подходящей старой цены или она не выше новой, плашка не выводится.
Можно скрыть стрелку?
Да. Отключите её в конструкторе — останется только плашка с процентом.
Как показать выгоду в рублях?
Для суммы экономии используйте отдельный мод «Лейбл выгоды в каталоге товаров». Он выводит разницу цен вместо процента.
Доступ к конструктору
Это бесплатная модификация. Войдите в аккаунт, чтобы настроить её и получить код.
