любят собирать всё в один js и один css файл - незнание архитектуры той CMS,
работали нормально, потом через некоторое время немного доработал,
$arPoColor=[];
foreach($arResult['OFFERS'] as $newEl){
$arPoColor[$newEl['PROPERTIES']['код свойства содержащий цвет']['VALUE']][]=$newEl;
}
//а дальше уже где рисуете таблицу используете не $arResult['OFFERS'], а $arPoColor
например первая картинка должна быть "Часы красные размера S", вторая - "Часы красные, крупным планом, размер S", третья - "Часы с изображением кукушки и подписью автора" .... и т.п.
т.е. Каждая фотография отображает какую-то особенность и именно описание этой особенности и необходимо прописать.