Страница магазина

Страница типа Магазин — витрина каталога: сетка или список опубликованных товаров. Она появляется сама, когда вы создаёте первый товар, по адресу /store (если такой страницы ещё нет). Из диалога «+» в панели «Страницы» тип «Магазин» выбрать нельзя: там обычная страница, блог, папка и ссылка. Как добавить обычные страницы — в статье Добавление страниц в меню.

Как выглядит страница одной позиции — в статье Карточка товара на сайте. Один товар на главной или лендинге показывает блок «Товар».

[изображение: страница магазина в превью редактора с сеткой товаров]

Где править витрину

Откройте страницу магазина в панели «Страницы». В списке коллекции нажмите Обзор магазина — в превью откроется витрина, а не карточка отдельного товара.

На странице уже есть служебная секция витрины — это не блок из каталога блоков. Её нельзя клонировать, удалить или добавить в избранное как обычную секцию. Вкладка фона у этой секции скрыта: оформление идёт через элементы, дизайн и цвета самой витрины.

Над и под витриной можно добавить обычные секции страницы — они общие для всего магазина. Секции, которые собрали на карточке конкретного товара, сюда не попадают — см. Карточка товара на сайте.

Редактор правит вёрстку витрины. Кассу, заказы и доставку настраивают владелец и администратор.

Элементы

В диалоге секции три вкладки: Элементы, Дизайн, Цвета.

На вкладке «Элементы»:

• Заголовок магазина (Десктоп) — текст берётся из названия страницы-коллекции. На мобильном превью отдельно включается Заголовок на мобильных.
• Цена — показать или скрыть на плитках.
• Описание — только в макете «Список».
• Кнопка «В корзину» — по умолчанию включена.

На витрине видны опубликованные позиции. Скрытые и черновики остаются в кабинете. Если в выбранной категории нет товаров, покупатель видит «Ничего не найдено».

Дизайн сетки

Макет Сетка или Список. В сетке на компьютере 2–4 колонки, на телефоне всегда две. Настраиваются интервалы, выравнивание текста, фон и углы карточки, обводка, соотношение сторон фото, скругление изображения, ширина секции и вертикальные отступы. Стиль кнопки — основная или второстепенная (как в стилях кнопок).

На одной странице витрины показывается до 30 товаров. Если позиций больше, внизу появляется нумерация страниц.

[изображение: вкладка «Дизайн» секции витрины — тип макета, колонки, карточка]

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

Когда у опубликованных товаров есть категории со включёнными «Страница категории» и «Показывать в фильтрах», на витрине появляется меню разделов. Как завести категории — в статье Товары и услуги.

На вкладке «Дизайн» группа Категории:

• Положение меню — сверху или сбоку;
• Стиль категорий — подменю, выпадающий список или кнопки;
• Положение лейбла — сверху или сбоку (для выпадающего списка и кнопок, если меню сверху);
• Липкая панель (десктоп) — меню остаётся на экране при прокрутке.

Адрес раздела: /{адрес-магазина}/{адрес-категории}, например /store/sumki. Заголовок на такой странице — название категории. Покупатель видит только товары этой группы.

Если категорий ещё нет, меню на витрине скрыто.

Кнопка «В корзину»

Если кнопка включена:

• без опций товар кладётся сразу;
• при одной опции в сетке появляется выбор значения;
• при двух и больше — кнопка Варианты ведёт на карточку.

В макете «Список» при любых опциях вместо выбора на месте — ссылка «Варианты». После добавления открывается мини-корзина. Подробнее — в статье Корзина и оформление заказа.

Меню и адрес страницы

Страницу магазина, как и любую другую, можно переименовать, перенести в меню или в «Не прилинкованы», задать свой адрес вместо /store. Путь карточек тогда станет /{ваш-адрес}/product/{товар}. Настройки страницы и SEO коллекции — те же приёмы, что у остальных страниц: см. Настройки страницы и SEO отдельной страницы.

Если удалить страницу магазина, вместе с ней удалятся все товары и категории. Это нельзя отменить. Чтобы убрать витрину из меню, перенесите страницу в «Не прилинкованы» — каталог сохранится.

Иконку корзины в шапке включают в настройках шапки, когда магазин на сайте есть. Как устроена шапка — в статье Настройка шапки сайта.