How to display a picture for the announcement from the add. infoblock images in Bitrix?

Question

1C-Bitrix

There are goods in the catalog, but images were uploaded in bulk to the custom property "SYSTEM_IMAGES",
in the catalog.section list the output comes only from the Image from the Announcement, if it is not filled in, then there will be no photo.
The trick is that there is a solution and there the image output template is like this:

$sPictureSrc = ArrayHelper::getValue($arElement, ['PICTURE', 'src']);

and the output is like this:

<?= Html::img($sPictureSrc, $arPictureAttributes) ?>

Here's how to do that if there is no picture here, then insert the path like this:

<?= $arElement["DISPLAY_PROPERTIES"]["SYSTEM_IMAGES"]["FILE_VALUE"]["0"]["SRC"] ?>

Need to take the first picture of the item
Thank you in advance

Answer 1

if ($sPictureSrc && file_exists($_SERVER["DOCUMENT_ROOT"].$sPictureSrc))

Answer 2

Found an easier solution:

<?if ($arElement["PREVIEW_PICTURE"] > 0) { ?>

<img src="<?=$arElement["PREVIEW_PICTURE"]["SRC"]?>" />
<?} else {  ?>

<img src="<?= $arElement["DISPLAY_PROPERTIES"]["SYSTEM_IMAGES"]["FILE_VALUE"]["0"]["SRC"] ?>" />
<?} ?>