Блок «Продукты»

Назначение

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

Как выглядит на лендинге

В предпросмотре продуктов общий заголовок и текст находятся над сеткой карточек.

Блок «Продукты». 1. предпросмотре продуктов — 1. предпросмотре продуктов

Внутри карточки последовательно выводятся изображение, категория, название, описание и выделенная цена. Пустые части пропускаются, а количество колонок подстраивается под экран.

Настройки

Наведите указатель на блок и нажмите значок редактирования продуктов.

Блок «Продукты». 2. значок редактирования продуктов — 2. значок редактирования продуктов

После нажатия откроется панель настроек продуктов.

Блок «Продукты». 3. панель настроек продуктов — 3. панель настроек продуктов

У всего раздела есть Заголовок и вводный Текст. В каждой карточке доступны:

Заголовок элемента — название продукта, тарифа или услуги.
Изображение элемента — необязательная иллюстрация.
Текст элемента — описание с форматированием.
Категория — короткая подпись над названием, например «Онлайн-курс» или «Для команды». Поддерживает переменные.

Блок «Продукты». 4. Категория — 4. Категория

Цена — готовая строка, которая выводится без дополнительного преобразования.

Указывайте валюту и период прямо в цене: например, 1 990 ₽, от 500 ₽/месяц или бесплатно. Новый блок содержит одну пустую карточку; остальные добавляются кнопкой «Добавить элемент».

Пустые поля и ограничения

Каждое поле необязательно, но пустая карточка занимает место в сетке. Если удалить все карточки, блок полностью исчезнет с лендинга, включая общий заголовок и текст.

Отдельного действия по нажатию на карточку продукта сейчас нет. Чтобы вести посетителя к оплате или форме, добавьте рядом самостоятельный блок «Кнопка».