демоверсия
Крутите колесо
Сейчас узнаем, какой подарок выпадет именно Вам

TILDA · STORE / CATALOG

Когда товар уже в корзине

Vanilla JS-решение для стандартных блоков магазина и каталога с классами t-catalog__…. Скрипт учитывает товарную карточку, всплывающую карточку и отдельную страницу товара.

01

Событие, а не догадка

После нажатия появляется «Добавляем…». Текст меняется на «Добавлено в корзину» только когда меняется счётчик или содержимое корзины.

02

Карточка и pop-up

Кнопка определяется по store-классам, ссылке #order: или имени класса t-catalog__…btn. Состояние показывается рядом с нажатой кнопкой.

03

Страница товара

Делегированный обработчик переживает перерисовку pop-up и работает с товарным сниппетом без jQuery и привязки к одной карточке.

Для добавления товара должен быть настроен штатный блок ST100 «Корзина». Проверьте названия кнопок нового блока каталога: при необходимости добавьте его класс в селектор кода страницы.

Made on
Tilda