Настройка отображения каталога товаров

Когда каталог уже опубликован на сайте, начинается тонкая работа: сколько товаров показывать на странице, в каком порядке, какие свойства выводить в списке и в детальной карточке. Всё это регулируется параметрами комплексного компонента bitrix:catalog, а не правкой шаблона — и именно здесь чаще всего теряют время те, кто лезет в код раньше, чем открывает настройки компонента.

Где живут настройки отображения

За вывод каталога на витрине отвечает комплексный компонент bitrix:catalog. Он объединяет несколько дочерних компонентов: catalog.section (список товаров раздела), catalog.element (детальная карточка), catalog.smart.filter (умный фильтр) и catalog.compare.list (сравнение). Большинство визуальных параметров задаётся именно на уровне комплексного компонента и наследуется дочерними.

Чтобы открыть настройки, включите режим правки (кнопка «Правка» в админ-баре), наведите курсор на область каталога и нажмите на «шестерёнку» → «Изменить параметры компонента». Откроется окно с вкладками, где сгруппированы десятки опций: от числа элементов на странице до кэширования.

Количество, постранична­я навигация и сортировка

Ключевые параметры списка сгруппированы в разделе настроек товаров:

• Количество элементов на странице (ELEMENT_COUNT / «Количество элементов на странице») — типично 12, 24 или 36. Кратность числу колонок в сетке делает последний ряд ровным.
• Поле и порядок сортировки — обычно две пары: ELEMENT_SORT_FIELD / ELEMENT_SORT_ORDER и резервная ELEMENT_SORT_FIELD2. Частые значения: sort (индекс сортировки), name (по алфавиту), shows (по популярности), catalog_PRICE_1 (по цене конкретного типа цен).
• Постраничная навигация — шаблон PAGER_TEMPLATE, вывод описания и общего числа страниц, а также опция «Показывать всегда».

Отдельно проверьте флаг «ЧПУ-адреса для страниц пагинации»: без него ссылки вида ?PAGEN_1=2 плодят дубли и мешают индексации. Правильный вариант — /catalog/section/page-2/ при включённых человекопонятных адресах.

Вид списка, плитка и переключатель

Стандартный шаблон каталога в редакциях с интернет-магазином (eshop, aspro-подобные решения на маркетплейсе) поддерживает несколько режимов вывода витрины. Управляются они параметром вида отображения и набором иконок-переключателей над списком.

Число колонок задаётся в шаблоне (CSS-сеткой или параметром вроде VIEW_MODE), а не в модуле каталога. Если переключатель вида не появляется, значит шаблон компонента его не отрисовывает — потребуется доработка template.php дочернего catalog.section.

Какие поля и свойства выводить

Отдельно настраивается набор данных для списка и для детальной карточки — это разные вкладки параметров.

• Поля (LIST_FIELD_CODE / DETAIL_FIELD_CODE) — системные поля инфоблока: NAME, PREVIEW_TEXT, DETAIL_TEXT, PREVIEW_PICTURE, DETAIL_PICTURE.
• Свойства (LIST_PROPERTY_CODE / DETAIL_PROPERTY_CODE) — пользовательские свойства товара: бренд, цвет, гарантия, артикул. Для списка выбирайте 2–3 самых значимых, чтобы не перегружать плитку.
• Свойства предложений (OFFERS_FIELD_CODE, OFFERS_PROPERTY_CODE) — если у товаров включены торговые предложения (SKU): размер, объём, цвет.

Цены, кнопки и торговые предложения

Блок цен и действий определяет коммерческую логику вывода:

• Тип цен (PRICE_CODE) — какие цены показывать; можно вывести несколько (например, розничную и «старую» для перечёркивания). Тип цен должен быть доступен группе покупателей в правах модуля.
• Округление и валюта — параметры PRICE_VAT_INCLUDE (учёт НДС) и вывод символа валюты.
• Кнопки — «В корзину» (USE_PRODUCT_QUANTITY для поля количества), «Купить в 1 клик», «Отложить», «Сравнить». Каждая включается отдельным флагом.
• Показ SKU в списке — вывод свойств предложений прямо в плитке (цветовые/размерные «пилюли») ускоряет выбор без перехода в карточку.

Для корректной работы «В корзину» из списка убедитесь, что включён параметр использования корзины и подключён компонент малой корзины bitrix:sale.basket.basket.line в шапке.

AJAX, кэширование и производительность вывода

Отображение — это ещё и скорость. В параметрах каталога отвечают за неё:

• Кэширование (CACHE_TYPE = «Авто», CACHE_TIME) — держите «Авто»; при активной торговле уместно включить кэш и добавить теговый кэш инфоблоков, чтобы карточки сбрасывались только при изменении товара.
• AJAX-подгрузка — пагинация и умный фильтр без перезагрузки страницы (AJAX_MODE). Ускоряет UX, но требует, чтобы шаблон корректно перерисовывал контейнер.
• Дозагрузка «Показать ещё» — альтернатива классической пагинации, включается на уровне шаблона списка.

Когда хватает параметров, а когда нужен шаблон

Правило простое: всё, что про данные и логику — параметры компонента; всё, что про вёрстку и микроразметку — шаблон. Менять число товаров, сортировку, набор свойств или тип цен через код не нужно и вредно.

Кастомизация шаблона требуется, когда:

1. нужен нестандартный порядок блоков в карточке или своя сетка плитки;
2. требуется добавить микроразметку Product / Offer (Schema.org) для товарных сниппетов;
3. надо вывести бейджи «Хит», «Новинка», таймеры акций или свою логику наличия.

Шаблон копируют в /local/templates/<имя>/components/bitrix/catalog/.default/ и правят там, не трогая ядро /bitrix/components/. Так изменения переживут обновление платформы.

Итог

Настройка отображения каталога в Битрикс — это в первую очередь работа с параметрами комплексного компонента bitrix:catalog: количество и сортировка товаров, ЧПУ-пагинация, набор полей и свойств для списка и карточки, тип цен, кнопки покупки, AJAX и кэш. К правке шаблона переходят только тогда, когда параметров не хватает — под свою вёрстку, микроразметку и нестандартную логику вывода.

Если каталог нужно не просто настроить, а сделать быстрым и удобным на потоке — с корректной SEO-разметкой, ускоренной витриной и стабильным обменом с 1С, мы в B2Bsite берём эту работу на себя: от аккуратной кастомизации шаблонов до оптимизации Core Web Vitals без потери гибкости.