Выбор вида каталога: сетка, список и компактные карточки

Начните с задачи сравнения

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

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

Используйте предварительный пример

В настройке контейнера Switch Pages предусмотрены варианты grid, list, compact, visual и filters. При выборе показывается схема предполагаемого расположения. Это ориентир композиции, а не точный снимок будущего наполненного раздела.

После выбора откройте реальный каталог с несколькими объектами. Проверьте длинное название, короткое описание, отсутствие изображения и несколько характеристик. Режим с фильтрами полезен только при подготовленных фильтруемых полях; само название макета не создаёт нужные данные.

Сохраняйте общую сетку

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

Если требуется особая коммерческая композиция или нестандартный набор данных в превью, может понадобиться правка шаблона. Смена типа каталога не меняет автоматически всю структуру полей и не преобразует изображения. Выберите вариант на основании своего содержания, затем проверьте ту же структуру на разных размерах экрана. Так предварительная схема становится полезным началом проверки, а не заменяет её.

Продолжить работу

Проверьте обычные, пустые и граничные значения на тестовом разделе. Сопоставьте задачу с возможностями ядра. Другой материал этого раздела: Сортировка и страницы каталога.