Чистый шаблон списка товаров Битрикс. Сетка товаров catalog.section без row

Более простой шаблон списка товаров в комплексном каталоге Битрикс.

catalog.sectiion.php

<div class="catalog-section" data-entity="<?=$containerName?>">
    <? // ... ?>
    <!-- items-container -->
    <?
    foreach ($arResult['ITEMS'] as $product) {
        $APPLICATION->IncludeComponent(
            'bitrix:catalog.item',
            'modern',
            [
                'RESULT' => [
                    'ITEM' => $product,
                    'AREA_ID' => $areaIds[$product['ID']],
                    'TYPE' => 'CARD',
                    'BIG_LABEL' => 'N',
                    'BIG_DISCOUNT_PERCENT' => 'N',
                    'BIG_BUTTONS' => 'Y',
                    'SCALABLE' => 'N',
                    'IN_BASKET' => in_array($product['ID'], $basketItemsIds),
                ],
                'PARAMS' => $generalParams + $itemParameters[$product['ID']],
            ],
            $component,
            ['HIDE_ICONS' => 'Y']
        );
    }
    ?>

    <? unset($rowItems, $itemParameters, $areaIds, $generalParams); ?>
    <!-- items-container -->
    <? // ... ?>
</div>

 

style.css

.catalog-section {
    display: grid;
    grid-gap: 48px 24px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

 

В итоге html выглядит так: сплошным списком без row