arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобран полный цикл создания каталога товаров: коллекция с полями (текст, изображение, ссылка, дата), дизайн карточки через Collection List с привязкой полей к элементам, сортировка записей. Дополнительно — динамическая страница товара с привязкой к коллекции и каталог с пагинацией и фильтрами. Коллекция — это таблица с контентом. Вместо 50 отдельных страниц товаров — один шаблон и одна таблица: добавляешь запись → карточка появляется на сайте автоматически. Collection List — виджет, который отрисовывает шаблон карточки для каждой записи коллекции. Урок для тех, кто строит интернет-магазин или каталог. Понимание базовых коллекций в Taptop нужно как введение — этот урок идёт сразу к практике. Для сложных каталогов с фильтрами смотри также урок по пользовательской фильтрации.

Как создать карточки товаров с коллекциями в Taptop

Интернет-магазин или каталог с десятками товаров — и каждый нужно верстать отдельно? Как добавить новый товар, чтобы он сам появился на сайте? Где в Taptop вообще CMS?
Коллекция в Taptop — таблица с контентом. Один шаблон карточки — и новый товар добавляется одной записью. Виджет Collection List выводит все элементы на холст, поля подтягиваются автоматически. Для новичков, которые делают каталог или магазин. После просмотра создаёшь карточки товаров, которыми легко управлять без верстки каждой страницы вручную.
Тайминги видео
00:00 — Зачем нужны коллекции — проблема статических карточек 02:30 — Создание коллекции и настройка полей (текст, изображение, ссылка) 07:00 — Collection List: вывод карточек на холсте 10:00 — Привязка полей коллекции к виджетам, сортировка 13:00 — Динамическая страница: шаблон для каждого элемента коллекции 17:00 — Индексируемая страница: семантический URL и SEO 19:30 — Фильтры, пагинация и вариант «загрузить ещё»

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока