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

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

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

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

!

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



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


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

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

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