Избранное для карточки Zero Block
Хранит выбранные товары и синхронизирует одинаковые кнопки на странице.
ТИЛЬДА УМЕЕТ ЭТО САМА
Хранит избранное в localStorage под ключом twishlist, обновляет счётчик и экран списка, принимает объект товара через twishlist__addProduct и удаляет старое состояние по data-maxstoredays.
Где это у неё: window.twishlist, twishlist__addProduct, twishlist__saveLocalObj, twishlist__reDrawCartIcon в tilda-wishlist-1.0.min.js; обязательный экран .t1002 блока ST110.
Чего в родной версии нет: Произвольная кнопка Zero Block не получает объект товара и обработчик автоматически. Родное избранное всё равно требует ST110 и остаётся локальным для одного браузера.
Как устроен мод
РЕЗУЛЬТАТ
Хранит выбранные товары и синхронизирует одинаковые кнопки на странице.
КАК ВСТРАИВАЕТСЯ
Готовый файл подключается через блок T123 на странице с карточками. Кнопки помечаются data-mk-wishlist. Настройки передаются в MK_MOD_179; генератор ниже собирает их без ручной правки JavaScript.
ГРАНИЦЫ БЕЗОПАСНОСТИ
- Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
- Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
- После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.
КРИТЕРИИ ГОТОВНОСТИ
- Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
- Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
- Параметры генератора совпадают с meta.json и попадают в код с правильными типами.
ЖИВОЕ ДЕМО · РАБОТАЕТ ФАЙЛ v1.0
Это изолированный стенд с тем же закреплённым файлом, который копируется в T123. Внешний вид стенда условный — мод меняет только поведение размеченных элементов.
ПАРАМЕТРЫ
- selector body
- Где работает
- button [data-mk-wishlist]
- Кнопки избранного
- storageKey mk-wishlist
- Ключ памяти
<script src="https://modkod.ru/mk/v1.0/mod-179.js" defer></script> <script> window.MK_MOD_179 = { activeClass: 'is-favorite', }; </script>
Класс не нужен.
/* Кнопки помечаются data-mk-wishlist.
Достаточно двух тегов из блока T123. */
Пять шагов до готовой страницы
- 01 Подготовьте секцию Кнопки помечаются data-mk-wishlist.
- 02 Добавьте блок T123 блок T123 на странице с карточками. Один блок с кодом ставьте один раз на страницу.
- 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
- 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
- 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
Про этот мод написано
1 разборПохожие задачи
3 модаФильтры в каталоге товаров
Отдельный код не нужен: свойства и цена фильтруются штатными средствами каталога.
Строгий лимит карточек
Оставляет заданное число карточек и убирает кнопку дозагрузки только в выбранном каталоге.
Галерея выбранного варианта
Фильтрует фотографии по значению выбранного варианта товара.