Подготовка и установка
Настраивайте параметры в личном кабинете: генератор создаёт полный код для вставки, без ручного изменения JavaScript.
- Подготовьте каталогВ Каталоге товаров Tilda включите учёт количества и задайте остаток 0 для проверочного товара. Оставьте его видимым: скрытую карточку модификация показать не сможет.
- Настройте внешний видПосле покупки откройте модификацию в «Моих покупках». Выберите прозрачность и обесцвечивание, затем нажмите «Сгенерировать код» и скопируйте результат.
- Выберите место установкиДля одной страницы добавьте T123 из раздела «Другое» и вставьте код целиком. Для всех страниц используйте «Настройки сайта → Ещё → HTML-код внутри HEAD». Выберите один способ.
- Опубликуйте и проверьтеОткройте опубликованный каталог. Карточка с остатком 0 должна отличаться от доступной и не открываться. Проверьте фильтрацию, подгрузку товаров и клавишу Tab.
- Проверьте возвращение в продажуИзмените остаток товара на положительный и обновите каталог. Карточка должна снова стать активной. Код проверяет атрибут data-product-inv="0"; без него эффект не применяется.
Совместимость и ограничения
Это оформление и блокировка карточки, а не серверная защита покупки. Оно не заменяет учёт остатков Tilda и не определяет доступность отдельных вариантов товара, если карточка не получает нулевой остаток.
Проверка результата
Откройте опубликованную страницу в обычном браузере и на телефоне. Проверьте работу кнопок и ссылок, повторное открытие интерфейса и поведение после перезагрузки. Пример на LF Code показывает механику на демонстрационных элементах; перед установкой на рабочий магазин сохраните копию страницы.
Настройки и получение кода
После изменения параметров повторно сгенерируйте код, замените предыдущую копию в T123 и опубликуйте страницу. Разовая стоимость — 300 ₽.
Живой пример и инструкция