Как собрать каталог товаров: страницы «Главная» и «Категория товаров»

Страницы «Главная магазина» и «Категория товаров» создаются пустыми — виджеты на них нужно добавить самостоятельно. Страницы собираются из виджетов магазина: Categories, Products, Cart Button.

Главная магазина

Чтобы открыть страницу, перейдите на вкладку Страницы на левой панели: раздел «Магазин» → «Главная магазина».

Чтобы показать на странице каталог, добавьте виджет Products — он выведет все товары магазина: с фото, названием и ценой.

Логика та же, что в коллекциях Taptop: у виджета Products есть базовый вид карточки товара, который выводится для каждого товара из каталога.

Внутри карточки товара размещаются:

фото, название и цена товара;

виджет Quantity — счётчик количества товара для добавления в корзину;

кнопка с действием «Добавить в корзину».

При клике на фото товара или на его название (какой из элементов кликабелен — настраивается) покупателя переносит на страницу этого товара — «Карточка товара».

На главную страницу дополнительно можно добавить виджеты:

Categories — выведет список категорий и подкатегорий со ссылками на их страницы.

Cart Button — чтобы был прямой доступ к корзине и был виден счётчик добавленных товаров.

Категория товаров

Это динамическая страница, которая автоматически создается для каждой категории и подкатегории магазина.

Чтобы открыть страницу, перейдите на вкладку Страницы на левой панели: раздел «Магазин» → «Категория товаров».

Если добавить на страницу виджет Products, он автоматически будет показывать только товары текущей категории. Эта фильтрация происходит «под капотом», без дополнительных настроек, и работает одинаково в редакторе, в превью и на опубликованном сайте.

Переключаться между страницами категорий можно с помощью выпадающего списка вверху страницы. При переключении контент страницы будет меняться в соответствии с категорией.

Если в панели управления магазином включена настройка «Показывать товары подкатегорий» (Управление магазином → Параметры — подробно в статье

Если категорий пока нет

Пока в магазине не добавлено ни одной категории, страница «Категория товаров» будет пустая. При этом вверху страницы в выпадающем списке написано «Нет категорий». Нажав кнопку «Добавить категории», вы перейдёте в панель управления магазином на новой вкладке.