Карточка каталога в Zero Block
Подставляет данные товара из JSON в несколько размеченных шаблонов.
ТИЛЬДА УМЕЕТ ЭТО САМА
Загружает списки и отдельные товары через getproductslist, getproduct и getproductsbyuid, различает опубликованный и редакторский endpoint и умеет собирать объект товара для корзины.
Где это у неё: t_store_loadProducts, t_store__collectProductDataByElement, window.t_store_endpoint и endpoint /api/getproduct/ в tilda-catalog-1.1.min.js.
Чего в родной версии нет: Каталог не подставляет данные в произвольный шаблон Zero Block и не управляет несколькими экземплярами пользовательской карточки.
Как устроен мод
РЕЗУЛЬТАТ
Подставляет данные товара из JSON в несколько размеченных шаблонов.
КАК ВСТРАИВАЕТСЯ
Готовый файл подключается через блок T123 рядом с Zero Block. Секции назначается класс mk-catalog-card. Настройки передаются в MK_MOD_180; генератор ниже собирает их без ручной правки JavaScript.
ГРАНИЦЫ БЕЗОПАСНОСТИ
- Мод меняет только размеченную секцию или явно выбранные элементы и не подменяет отправку форм, оплату либо серверные данные Тильды.
- Не переименовывать класс и служебные data-атрибуты после копирования: по ним мод отделяет свой экземпляр от остальных блоков страницы.
- После изменения структуры блока повторить опубликованный сценарий из чек-листа, а не ограничиваться просмотром в редакторе.
КРИТЕРИИ ГОТОВНОСТИ
- Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
- Повторная инициализация не создаёт второй экземпляр интерфейса и не ломает соседние стандартные блоки.
- Параметры генератора совпадают с meta.json и попадают в код с правильными типами.
<script src="https://modkod.ru/mk/v1.0/mod-180.js" defer></script>
mk-catalog-card
/* Настройки блока → CSS класс.
Один класс на секцию — элементы
внутри мод найдёт сам. */
Пять шагов до готовой страницы
- 01 Подготовьте секцию Откройте настройки нужной секции Zero Block и впишите mk-catalog-card в поле «CSS class name».
- 02 Добавьте блок T123 блок T123 рядом с Zero Block. Один блок с кодом ставьте один раз на страницу.
- 03 Скопируйте готовую вставку Код ниже подключает закреплённую версию 1.0; её поведение не изменится само после сдачи сайта.
- 04 Опубликуйте страницу Проверяйте опубликованный адрес, а не только предпросмотр редактора Тильды.
- 05 Пройдите приёмку Сборка 1.0 загружается без ошибок и выполняет минимальный пользовательский сценарий на сохранённой странице Тильды; проверено 12.08.26.
Про этот мод написано
2 разбораПохожие задачи
3 модаФильтры в каталоге товаров
Отдельный код не нужен: свойства и цена фильтруются штатными средствами каталога.
Строгий лимит карточек
Оставляет заданное число карточек и убирает кнопку дозагрузки только в выбранном каталоге.
Галерея выбранного варианта
Фильтрует фотографии по значению выбранного варианта товара.