Форум

<div class="about-product">
 <div class="tab-wrapper" data-wrapper="tab">
    <div class="tab-menu-list" data-wrapper="tab-action">
     <?foreach ($arResult["SECTION"] as $section):?>
      <li class="tab-menu-item" data-action="tab" data-id="<?=$section['CODE']?>">
          <?=$section['NAME']?>
      </li>
      <?endforeach;?>
    </div>

    <div class="tab-block-list">
     <?foreach ($arResult["SECTION"] as $section):?>
      <div class="tab-block-item" data-item="tab" data-id="<?=$section['CODE']?>">
        <div class="tab-block-head" data-action="tab"><?=$section['NAME']?></div>
        <div class="tab-block-body" data-description="tab">
          <div class="tab-block-content">
            <div class="column-wrapper">
               <?
                    // код компонента. Сами элементы можно поместить в массив $arResult['SECTION']['ITEMS']
                    // тогда тут будет 
                    // foreach ( $section['ITEMS'] as $item):
                         // ...... код компонента ......
                    // endforeach
               ?>
            </div>
          </div>
        </div>
      </div>
      <?endforeach;?>
    </div>
 </div>
</div>