КАРТОЧКИ / TILDA
Процент скидки в карточках товара
Автоматически рассчитывает процент скидки по старой и текущей цене и показывает бейдж в карточке и попапе товара.
Живой пример
Что делает модификация
Автоматически рассчитывает процент скидки по старой и текущей цене и показывает бейдж в карточке и попапе товара.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Проверяйте опубликованную страницу, а не редактор Tilda.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Фон бейджа | Выберите значение в интерфейсе личного кабинета. |
| Текст бейджа | Выберите значение в интерфейсе личного кабинета. |
| Размер текста, px | Параметр 8–40 |
| Скругление, px | Параметр 0–50 |
Пошаговая установка
- Добавьте ценыВ каталоге «Товары» заполните старую и текущую цены. Старая цена должна быть больше текущей.
- Выведите каталогПодключите товары к ST300, ST305N, ST310N, ST315N, ST320N или ST330N.
- Оформите бейджВ кабинете выберите цвет, размер и скругление. Скопируйте весь сгенерированный код в HTML-код внутри HEAD сайта. CSS уже включён в результат.
- Опубликуйте страницыОпубликуйте весь магазин. Проверьте карточки и открытые попапы.
- Проверьте пересчётИзмените цены в каталоге и проверьте результат. Если скидки нет, бейдж не показывается; процент округляется до целого.
Важно
Проверяйте опубликованную страницу, а не редактор Tilda.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в разделе «Покупки». Настройте параметры, нажмите «Сгенерировать код» и замените прежний код на сайте.
Когда появится результат?
После публикации страницы. Проверьте классы, ID и адаптацию блоков. Установите только одну копию кода для одного набора элементов.
Что показывает пример?
Пример демонстрирует механику на элементах LF Code. На вашем сайте используются подготовленные элементы Tilda.