Для начала получим ссылки на файлы в result_modifier.php, используя GetList, где UF_IMAGE и UF_IMAGE_HOVER коды свойств:
<?
$db_list = CIBlockSection::GetList(Array($by=>$order), $arFilter = Array("IBLOCK_ID"=>$arParams["IBLOCK_ID"], "ID"=>$arResult['SECTIONS']), true, $arSelect=Array("UF_IMAGE", "UF_IMAGE_HOVER"));
while($ar_result = $db_list->GetNext()) {
$arResult["UF_IMAGE"][$ar_result["ID"]] = CFile::GetPath($ar_result["UF_IMAGE"]);
$arResult["UF_IMAGE_HOVER"][$ar_result["ID"]] = CFile::GetPath($ar_result["UF_IMAGE_HOVER"]);
}
?>
Затем в шаблоне компонента bitrix:catalog.section.list подставим полученные ссылки на файлы в места вывода. Здесь свойство типа Файл используется для установки фона ссылок на разделы.
<a style="background: url(' <?=$arResult['UF_IMAGE'][$arSection['ID']];?>') left center no-repeat;" class="image-link image-link_unhover" href=" <? echo $arSection["SECTION_PAGE_URL"]; ?>">
<? echo $arSection["NAME"];?>
</a>
<a style="background: url(' <?=$arResult['UF_IMAGE_HOVER'][$arSection['ID']];?>') left center no-repeat;" class="image-link image-link_hover" href=" <? echo $arSection["SECTION_PAGE_URL"]; ?>">
<? echo $arSection["NAME"];?>
</a>