Более простой шаблон списка товаров в комплексном каталоге Битрикс.
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