К основному содержимому

Компонент "Сетка" (Grid)

Yerzhan Sadykov avatar
Автор: Yerzhan Sadykov
Обновлено больше недели назад

Компонент «Сетка» позволяет отображать коллекцию контента в чистом, организованном виде. Идеально подходит для демонстрации полной галереи или тематически отсортированного контента. Этот компонент акцентирует внимание на визуальной чистоте и удобстве просмотра.


Как настроить компонент "Сетка"

Чтобы добавить новый компонент, просто нажмите кнопку в правом верхнем углу и выберите «Сетка».


Выбор типа контента

Вам будет предложено выбрать тип контента, который вы хотите добавить.
Например, давайте добавим видео на нашу страницу:


Заголовок

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


Элементов в строке

Укажите, сколько видеоэлементов будет отображаться в одной строке. Популярные варианты:

  • 3 (по умолчанию)

  • 2 или 4 — в зависимости от нужной плотности и дизайна

🛈 Этот параметр влияет на визуальную плотность и ширину сетки.


Сортировка

Выберите порядок отображения видео в сетке:

  • Последние — сначала новые видео

  • Старые — сначала старые видео

  • Ручная сортировка — позволяет настраивать порядок вручную (если платформа поддерживает drag-and-drop)

  • Популярное — самые просматриваемые/обсуждаемые


Добавление фильтра

Нажмите Добавить фильтр, чтобы сузить круг отображаемых видео. Фильтрация возможна по:

  • Тегам

  • Продуктам

  • Коллекциям

Каждый фильтр помогает отображать только релевантный контент, делая страницу более персонализированной.


✅ Финальные шаги

После завершения всех настроек нажмите Создать и Сохранить в правом верхнем углу, чтобы опубликовать компонент «Сетка».

Пример сетки

Нашли ответ на свой вопрос?