How are pictures displayed through the additional field MORE_PHOTO?

Question

PHP

Good afternoon, colleagues!
Such a task arose, 3 days I can’t cope with it, I
need to display additional pictures with thumbnails in the template, I created an additional MORE_PHOTO field,
but I don’t know how and what to write here in the template.
how to make it grammatically?
<

div class="review-item" id="<?=$this->GetEditAreaId($arItem['ID']);?>">
    <div class="review-image">

    <?if($arParams["DISPLAY_PICTURE"]!="N" && is_array($arItem["PREVIEW_PICTURE"])):?>
      <?if(!$arParams["HIDE_LINK_WHEN_NO_DETAIL"] || ($arItem["DETAIL_TEXT"] && $arResult["USER_HAVE_ACCESS"])):?>
<img
            class="preview_picture"                 
            border="0"
            src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"

            width="300px"
            height="220px"

            alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
            title="<?=$arItem["PREVIEW_PICTURE"]["TITLE"]?>"
            style="float:left"
  /></a>
      <?else:?>W
        <img
          class="preview_picture"
          border="0"
          src="<?=$arItem["PREVIEW_PICTURE"]["SRC"]?>"
          width="<?=$arItem["PREVIEW_PICTURE"]["WIDTH"]?>"
          height="<?=$arItem["PREVIEW_PICTURE"]["HEIGHT"]?>"
          alt="<?=$arItem["PREVIEW_PICTURE"]["ALT"]?>"
          title="<?=$arItem["PREVIEW_PICTURE"]["TITLE"]?>"
          style="float:left"
          />
      <?endif;?>
    <?endif?>
</div>

Answer 1

Please remove php from the tag

<code lang="php">

</code>

For your question. Take the small business edition from the Bitrix website, install a small store, and see how the catalog.element component is implemented

Answer 2

Good try!