О платформе

Тарифы

Бонусы

Блог

Перейти на сайт

No-code платформа для интеграции с российскими сервисами

Адаптер

Мы в соцсетях

Ответим на вопросы

Техподдержка

Перейти на сайт

Образовательные курсы и гайды для IT-специалистов

Академия

Клиентам

Партнерская программа

О нас

Плагин для Тильды

Партнерам

NLM213 • ВРЕМЯ НАСТРОЙКИ: 5 МИНУТЫ

Как связать остаток товара и кнопку «В корзину» из ST200 с зеро блоком на Тильде?

Эта модификация связывает остаток товара из стандартного блока магазина Тильды с элементами в вашем Zero Block. При наличии товара она делает кнопку кликабельной для добавления в корзину и показывает остаток. Когда товар заканчивается, она меняет текст и внешний вид кнопки в Zero Block, опционально превращая ее в ссылку на предзаказ или другую страницу.

Инструкция

Эти настройки позволяют связать конкретные товары из стандартных блоков магазина с элементами в вашем Zero Block и настроить их поведение.

Создайте на странице Zero Block с нужной версткой дизайна.
Добавьте на страницу столько блоков ST200, сколько планируете настраивать товаров. В настройках блока укажите ID товара из каталога, который необходимо выводить в Zero Block. Как это сделать? Шаг 1 и Шаг 2.

+ Добавить товар: Нажмите эту кнопку, чтобы добавить новую строку настроек для каждого отдельного товара, который вы хотите отслеживать и отображать в этом Zero Block. Для каждого товара нужна своя строка настроек.

ID блока ST200: Вставьте сюда полный ID стандартного блока Тильды (например, #rec123456789), в котором находится товар, остаток которого вы хотите отслеживать.
Класс кнопки «В корзину»: Вставьте сюда CSS класс элемента кнопки в вашем Zero Block, которую вы хотите привязать к этому товару.
Класс элемента с остатком: Вставьте сюда CSS класс элемента в вашем Zero Block, который содержит элемент с классом .tn-atom, где должен отображаться остаток товара или текст "Нет в наличии". Скрипт будет искать этот класс внутри элемента с этим классом и менять его текст.
Текст кнопки «Нет в наличии»: Укажите текст, который будет отображаться в элементе с остатком (внутри .tn-atom, найденного по предыдущему пункту) при нулевом остатке товара.
Непрозрачность кнопки «Нет в наличии» от 0% до 100%: Укажите значение прозрачности кнопки в Zero Block при нулевом остатке. Используйте число от 0 до 1, где 0 — полностью прозрачная, а 1 — полностью непрозрачная (например, 0.7 для 70%).
Ссылка для кнопки нет «Нет в наличии»: (Опционально) Вставьте сюда полную ссылку (URL, например https://ваша-ссылка.ru, или ссылку на попап Тильды, например #popup:ваш_id_попапа), на которую будет вести кнопка в Zero Block, когда у товара нулевой остаток. Если это поле заполнено, кнопка при нулевом остатке станет обычной кликабельной ссылкой на этот адрес, с указанной прозрачностью и текстом. Если поле оставлено пустым, кнопка при нулевом остатке станет некликабельной, с указанной прозрачностью и текстом.

Важно:

Убедитесь, что в вашем Zero Block кнопка, которую вы привязываете (по полю "Класс кнопки «В корзину»"), содержит внутри себя элемент с классом заданным в генераторе.
Убедитесь, что элемент, который вы указываете в поле "Класс элемента с остатком", также содержит внутри себя элемент с классом .заданным в генераторе.
Используйте только один из двух сценариев для кнопки при нулевом остатке: либо оставляйте поле "Ссылка для кнопки нет «Нет в наличии»" пустым (кнопка станет некликабельной), либо заполняйте его (кнопка станет ссылкой).
Не ставьте вручную ссылки на кнопках в Zero Block, если вы используете поле "Ссылка для кнопки нет «Нет в наличии»" в настройках — скрипт сам задаст нужную ссылку при нулевом остатке.

+120 модификаций

Скидка 25% на курсы

Обновление модификаций и доступ к новым

Базовая

550₽

/месяц

Для решения краткосрочных задач

30 дней

Плагин для Тильды

Поддержка без выходных

Закрытые эфиры

Зарегистрироваться

Войти

чтобы скопировать код, ОФОРМИТЕ ПОДПИСКУ или ВОЙДИТЕ в личный кабинет

Плагин для Тильды

Поддержка без выходных

+140 модификаций

Премиум

275₽

/месяц

Экономия 3300₽ в год

365 дней

Скидка 25% на курсы

Обновление модификаций и доступ к новым

Закрытые эфиры

Все пользователи, оформившие Премиум-подписку, получают доступ к дополнительным разделам: «Интернет-магазин» и «Личный кабинет».

В этих разделах представлены различные модификации, которые не доступны тем, кто оформил месячную подписку.

Все пользователи, оформившие Премиум-подписку, могут воспользоваться 25% скидкой на все курсы и гайды Академии Нолим.

Все пользователи, оформившие Премиум-подписку, могут посещать закрытые мероприятия, на которые мы приглашаем ведущих экспертов рынка.

На этих встречах они делятся своим опытом, что открывает новые горизонты для всех участников.

Оформить подписку

Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...

Подписка закончилась((
Нужно продлить, чтобы получить доступ.

Оплатить

Так так так...
а этот генератор кода доступен только по подписке

Оплатить

Код доступен только тем, кто зарегистрирован

Войти

Регистрация

Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям

Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.

Есть идеи по улучшению этой модификации или созданию новой?

Не забудь подписаться, чтобы быть в курсе последних обновлений.

Поделиться идеей

Верстка на Тильде с нуля до Pro

SKU: 700.954.29

25000

р.

BUY NOW

When we first checked out our new headphones, we noticed the box said “improved bass”. We had to wonder if this was marketing jargon or the real thing? But it only took a moment to realize that bass was not kidding.