Что делает модификация

Открывает штатную корзину своей иконкой, показывает количество и сумму, добавляет очистку корзины.

Стандартные блоки TildaСледуйте требованиям в инструкции.

Готовый кодГотовый фрагмент для опубликованной страницы.

Настройки в аккаунтеВыберите параметры и скопируйте результат.

Нужна штатная корзина ST100. Скрипт показывает данные Tilda; не рассчитывает цену или стоимость заказа самостоятельно.

Настройте под свой сайт

Настройка	Назначение
Диаметр счётчика, px	Параметр 12–80
Размер цифр, px	Параметр 8–40
Фон счётчика	Выберите значение в интерфейсе личного кабинета.
Цвет цифр	Выберите значение в интерфейсе личного кабинета.

Подготовьте иконкуВ Zero Block добавьте вашу иконку и задайте show-basket. Иконку можно загрузить через LF Drive.
Добавьте счётчикПервую часть результата вставьте в HTML-элемент рядом с иконкой. Вторую часть суммы — в отдельный HTML-элемент, если сумма нужна.
Подключите магазинДобавьте штатную корзину ST100 и блоки товаров. Сохраните их стандартный функционал.
Добавьте обработчикТретью часть вставьте в T123 после блоков. Проверьте добавление товара, сумму и кнопку «Очистить корзину».

Важно

Нужна штатная корзина ST100. Скрипт показывает данные Tilda; не рассчитывает цену или стоимость заказа самостоятельно.

Где настроить модификацию?

После покупки откройте её в личном кабинете, задайте параметры и нажмите «Сгенерировать код».

Нужно ли править код вручную?

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

Пример использует мои блоки?

Пример показывает механику на демонстрационных элементах. На вашем сайте используются подготовленные элементы Tilda.