Top.Mail.Ru
Loading...
-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Услуги
-50% до 31 августа
открой полную свободу творчества с GPT-5
AI-ассистент для Тильды
NLM215 • ВРЕМЯ НАСТРОЙКИ: 5 МИНУТЫ

Как Сделать анимированные метки в каталоге товаров?

Модификация добавляет анимированные метки к товарам в стандартном блоке каталога товаров. Позволяет выделить важные позиции — новинки, скидки, хиты, тем самым обратить внимание пользователя на конкретный товар.
Инструкция

  1. Добавьте на страницу блок с товарами из каталога;
  2. Укажите для каждого товара в разделе меток свое обозначение
ID блоков:
  • Укажите ID блоков (например, #recXXXXXX) для применения модификации, можно указать несколько через запятую.
Добавление меток:
  • Настройте каждую кастомную метку. Введите текст, который совпадает с текстом в поле "Метка" товара.
Эффект:
  • Выберите анимацию для метки из списка: flash, light, ripple и др.
  • Цвета:
  • Выберите цвет фона и текста, а также впишите текст для метки.
Когда всё готово:
  • Скопируйте сгенерированный HTML-код и вставьте его в блок Т123 "HTML-код". Сохраните и опубликуйте страницу.
Важно
  • Модификация работает только для указанных блоков. Текст в "Текст метки в каталоге" должен точно совпадать с текстом в настройках товара. Стандартные метки будут скрыты для соответствующих товаров.

Смотрите, как быстро установить модификацию

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
Копируем ID товара
Вставляем ID товара в блок ST200 на странице.
+ нажимаем "Заполнить поля данными товара из каталога и сохранить."