Как сделать корзину в зероблок?

Этот скрипт позволит тебе сделать иконку корзины с счётчиком товаров и суммой прямо в зероблок. Пример работы модификации внизу cтраницы

1 мин.
Магазин
JavaScript

Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓

!

1. Создай на странице в зероблоке элемент по клику на который должна открываться корзина и задай ему ссылку



2. Если тебе не нужно менять счётчик товаров и счётчик суммы из обычной корзины Тильды, то выбери режим Авто
Инструкция
Важно!
- Заполняй поля в таком же формате, в каком полупрозрачным написаны ориентировочные значения в генераторе, ведь именно в таком виде он их ожидает получить
(Развернуть)
Скопировать
#opencart
undefined
2.1. После задай элементу которому мы задавали ссылку #opencart ещё класс через ПКМ => Add CSS Classname
undefined
Скопировать
t706__carticon
3. Если счётчик товаров и счётчик суммы хочешь сделать в зеро, то выбери режим Ручная
3.1. Для текстового элемента для счётчика товаров в корзине задай класс через ПКМ => Add CSS Classname
Скопировать
vcartnum
3.2. Для текстового элемента для суммы всех товаров в корзине задай класс
Скопировать
vcartsum
3.3. Для подложек всех счётчиков задай класс
Скопировать
vnumback
3.4. Если тебе нужно скрывать пустую корзину и вместе с ней скрывать ещё какие-то элементы в твоём зеро, то задай им тоже класс vnumback и выбери соответствующий пункт в генераторе
Скопировать код
Отчистить поля
Этот мод доступен по подписке
0
299
Voron Free
Voron Pro
всего за
/ мес.
Доступны все модификации за пару кликов
Просмотр используемых блоков и их настроек на любом сайте на Tilda, в том числе step-by-step анимаций
CSS Helper – возможность генерировать CSS без знания кода
Удобная подсветка кода + перенос строк в блоках т123 для удобства редактирования кода
Техническая поддержка в Telegram
Никаких автоплатежей
Только базовые функции
299 ₽
Доступ к 11 бесплатным модификациям
Сетка и колонки для всего проекта (zero, стандартные блоки)
Темная тема для Tilda Publishing
Отображение всех используемых блоков в боковом меню


123
Чтобы увидеть пример работы корзины в зеро, просто попробуй добавить тестовый товар по кнопкам ниже и открыть корзину по кастомной кнопке
Пример работы модификации
Товар 1
Здесь для пример я сделал товар в зеро, но корзина работает при любом добавлении любого товара
= 0000
Товар 2
Здесь для пример я сделал товар в зеро, но корзина работает при любом добавлении любого товара
00

Опиши нужный функционал через эту форму и он будет добавлен!

Нажимая "Отправить", вы даете согласие на обработку персональных данных в соответствии с Политикой конфиденциальности
Не хватает какой-то функции?