Картинки рядом с пунктами меню $arItem["PARAMS"]

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
/** @var array $arParams */
/** @var array $arResult */
/** @global CMain $APPLICATION */
/** @global CUser $USER */
/** @global CDatabase $DB */
/** @var CBitrixComponentTemplate $this */
/** @var string $templateName */
/** @var string $templateFile */
/** @var string $templateFolder */
/** @var string $componentPath */
/** @var CBitrixComponent $component */

$this->setFrameMode(true);

if (empty($arResult["ALL_ITEMS"]))
    return;

CUtil::InitJSCore();

if (file_exists($_SERVER["DOCUMENT_ROOT"].$this->GetFolder().'/themes/'.$arParams["MENU_THEME"].'/colors.css'))
    $APPLICATION->SetAdditionalCSS($this->GetFolder().'/themes/'.$arParams["MENU_THEME"].'/colors.css');

$menuBlockId = "catalog_menu_".$this->randString();
?>
<div class="bx-top-nav bx-<?=$arParams["MENU_THEME"]?>" id="<?=$menuBlockId?>">
    <nav class="bx-top-nav-container" id="cont_<?=$menuBlockId?>">
        <ul class="bx-nav-list-1-lvl" id="ul_<?=$menuBlockId?>">
        <?foreach($arResult["MENU_STRUCTURE"] as $itemID => $arColumns):?>     
        <!-- first level-->
            <?$existPictureDescColomn = ($arResult["ALL_ITEMS"][$itemID]["PARAMS"]["picture_src"] || $arResult["ALL_ITEMS"][$itemID]["PARAMS"]["description"]) ? true : false;?>
            <li
                class="bx-nav-1-lvl bx-nav-list-<?=($existPictureDescColomn) ? count($arColumns)+1 : count($arColumns)?>-col <?if($arResult["ALL_ITEMS"][$itemID]["SELECTED"]):?>bx-active<?endif?><?if (is_array($arColumns) && count($arColumns) > 0):?> bx-nav-parent<?endif?>"
                onmouseo ver="BX.CatalogMenu.itemOver(this);"
                onmouse out="BX.CatalogMenu.itemOut(this)"
                <?if (is_array($arColumns) && count($arColumns) > 0):?>
                    data-role="bx-menu-item"
                    
                <?endif?>
            >
                <a
                    href="<?=$arResult["ALL_ITEMS"][$itemID]["LINK"]?>"
                    <?if (is_array($arColumns) && count($arColumns) > 0 && $existPictureDescColomn):?>
                        onmouseo ver="obj_<?=$menuBlockId?>.changeSectionPicure(this, '<?=$itemID?>');"
                    <?endif?>
                >
                    <span>
                        <?=$arResult["ALL_ITEMS"][$itemID]["TEXT"]?>
                        <?if (is_array($arColumns) && count($arColumns) > 0):?><i class="fa fa-angle-down"></i><?endif?>
                    </span>
                </a>
            <?if (is_array($arColumns) && count($arColumns) > 0):?>
                <span class="bx-nav-parent-arrow" oncl ick="obj_<?=$menuBlockId?>.toggleInMobile(this)"><i class="fa fa-angle-left"></i></span> <!-- for mobile -->
                <div class="bx-nav-2-lvl-container">
                    <?foreach($arColumns as $key=>$arRow):?>
                        <ul class="bx-nav-list-2-lvl">
                        <?foreach($arRow as $itemIdLevel_2=>$arLevel_3):?>  
        <!-- second level-->
            <li
                class="bx-nav-2-lvl bx-nav-list-<?=($existPictureDescColomn) ? count($arColumns)+1 : count($arColumns)?>-col <?if($arResult["ALL_ITEMS"][$itemIdLevel_2]["SELECTED"]):?>bx-active<?endif?><?if (is_array($arColumns) && count($arColumns) > 0):?> bx-nav-parent<?endif?>"
                onmouseo ver="BX.CatalogMenu.itemOver(this);"
                onmouse out="BX.CatalogMenu.itemOut(this)"
                <?if (is_array($arColumns) && count($arColumns) > 0):?>
                    data-role="bx-menu-item"
                    <?endif?>
            >
                                <a
                                    href="<?=$arResult["ALL_ITEMS"][$itemIdLevel_2]["LINK"]?>"
                                    <?if ($existPictureDescColomn):?>
                                        
                                        onmouseo ver="obj_<?=$menuBlockId?>.changeSectionPicure(this, '<?=$itemIdLevel_2?>');"
                                    <?endif?>
                                    data-picture="<?=$arResult["ALL_ITEMS"][$itemIdLevel_2]["PARAMS"]["picture_src"]?>"
                                >
                                    <span><?=$arResult["ALL_ITEMS"][$itemIdLevel_2]["TEXT"]?></span>
                                </a>
                            <?if (is_array($arLevel_3) && count($arLevel_3) > 0):?>
                                <ul class="bx-nav-list-3-lvl">
                                <?foreach($arLevel_3 as $itemIdLevel_3):?>    
        <!-- third level-->
                                    <li class="bx-nav-3-lvl">
                                        <a
                                            href="<?=$arResult["ALL_ITEMS"][$itemIdLevel_3]["LINK"]?>"
                                            <?if ($existPictureDescColomn):?>
                                                ontouchst art="//document.location.href = '<?=$arResult["ALL_ITEMS"][$itemIdLevel_2]["LINK"]?>';return false;"
                                                onmouseo ver="obj_<?=$menuBlockId?>.changeSectionPicure(this, '<?=$itemIdLevel_3?>');return false;"
                                            <?endif?>
                                            data-picture="<?=$arResult["ALL_ITEMS"][$itemIdLevel_3]["PARAMS"]["picture_src"]?>">
                                            <span><?=$arResult["ALL_ITEMS"][$itemIdLevel_3]["TEXT"]?></span>
                                        </a>
                                    </li>
                                <?endforeach;?>
                                </ul>
                            <?endif?>
                            </li>
                        <?endforeach;?>
                        </ul>
                    <?endforeach;?>
                    <?if ($existPictureDescColomn):?>
                        <div class="bx-nav-list-2-lvl bx-nav-catinfo dbg" data-role="desc-img-block">
                            <a href="<?=$arResult["ALL_ITEMS"][$itemID]["LINK"]?>">
                                <img src="<?=$arResult["ALL_ITEMS"][$itemID]["PARAMS"]["picture_src"]?>" alt="">
                            </a>
                            <p><?=$arResult["ALL_ITEMS"][$itemID]["PARAMS"]["description"]?></p>
                        </div>
                        <div class="bx-nav-catinfo-back"></div>
                    <?endif?>
                </div>
            <?endif?>
            </li>
        <?endforeach;?>
        </ul>
        <div style="clear: both;"></div>
    </nav>
</div>

<sc ript>
    BX.ready(function () {
        window.obj_<?=$menuBlockId?> = new BX.Main.Menu.CatalogHorizontal('<?=CUtil::JSEscape($menuBlockId)?>', <?=CUtil::PhpToJSObject($arResult["ITEMS_IMG_DESC"])?>);
    });
</sc ript>

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();

if (empty($arResult))
   return;

if (isset($arParams["MENU_THEME"]) && !empty($arParams["MENU_THEME"]))
{
   $arAvailableThemes = array();
   $dir = trim(preg_replace("'[\\\\/]+'", "/", dirname(__FILE__)."/themes/"));
   if (is_dir($dir) && $directory = opendir($dir))
   {
      while (($file = readdir($directory)) !== false)
      {
         if ($file != "." && $file != ".." && is_dir($dir.$file))
            $arAvailableThemes[] = $file;
      }
      closedir($directory);
   }

   if ($arParams["MENU_THEME"] == "site")
   {
      $solution = COption::GetOptionString("main", "wizard_solution", "", SITE_ID);
      if ($solution == "eshop")
      {
         $theme = COption::GetOptionString("main", "wizard_eshop_adapt_theme_id", "blue", SITE_ID);
         $arParams["MENU_THEME"] = (in_array($theme, $arAvailableThemes)) ? $theme : "blue";
      }
   }
   else
   {
      $arParams["MENU_THEME"] = (in_array($arParams["MENU_THEME"], $arAvailableThemes)) ? $arParams["MENU_THEME"] : "blue";
   }
}
else
{
   $arParams["MENU_THEME"] = "blue";
}

if(!function_exists("FillAllPicturesAndDescriptions"))
{
   function FillAllPicturesAndDescriptions(&$arAllItems, $arMenuItemsIDs, &$arImgDesc)
   {
      //find picture or description for the first level, if it hasn't
      foreach ($arMenuItemsIDs as $itemIdLevel_1=>$arLevels2)
      {
         if (!$arAllItems[$itemIdLevel_1]["PARAMS"]["picture_src"] || !$arAllItems[$itemIdLevel_1]["PARAMS"]["description"])
         {
            foreach($arLevels2 as $itemIdLevel_2=>$arLevels3)
            {
               if (!$arAllItems[$itemIdLevel_1]["PARAMS"]["picture_src"] && $arAllItems[$itemIdLevel_2]["PARAMS"]["picture_src"])
               {
                  $arAllItems[$itemIdLevel_1]["PARAMS"]["picture_src"] = $arAllItems[$itemIdLevel_2]["PARAMS"]["picture_src"];
               }
               if (!$arAllItems[$itemIdLevel_1]["PARAMS"]["description"] && $arAllItems[$itemIdLevel_2]["PARAMS"]["description"])
               {
                  $arAllItems[$itemIdLevel_1]["PARAMS"]["description"] = $arAllItems[$itemIdLevel_2]["PARAMS"]["description"];
               }
               if ($arAllItems[$itemIdLevel_1]["PARAMS"]["picture_src"] && $arAllItems[$itemIdLevel_1]["PARAMS"]["description"])
                  break;
            }
            if (!$arAllItems[$itemIdLevel_1]["PARAMS"]["picture_src"] || !$arAllItems[$itemIdLevel_1]["PARAMS"]["description"])
            {
               foreach($arLevels2 as $itemIdLevel_2=>$arLevels3)
               {
                  foreach($arLevels3 as $itemIdLevel_3)
                  {
                     if (!$arAllItems[$itemIdLevel_1]["PARAMS"]["picture_src"] && $arAllItems[$itemIdLevel_3]["PARAMS"]["picture_src"])
                     {
                        $arAllItems[$itemIdLevel_1]["PARAMS"]["picture_src"] = $arAllItems[$itemIdLevel_3]["PARAMS"]["picture_src"];
                     }
                     if (!$arAllItems[$itemIdLevel_1]["PARAMS"]["description"] && $arAllItems[$itemIdLevel_3]["PARAMS"]["description"])
                     {
                        $arAllItems[$itemIdLevel_1]["PARAMS"]["description"] = $arAllItems[$itemIdLevel_3]["PARAMS"]["description"];
                     }
                     if ($arAllItems[$itemIdLevel_1]["PARAMS"]["picture_src"] && $arAllItems[$itemIdLevel_1]["PARAMS"]["picture_src"])
                        break;
                  }
                  if ($arAllItems[$itemIdLevel_1]["PARAMS"]["picture_src"] && $arAllItems[$itemIdLevel_1]["PARAMS"]["description"])
                     break;
               }
            }
         }
      }

      foreach($arAllItems as $itemID=>$arItem)
      {
         if ($arItem["DEPTH_LEVEL"] == "1")
         {
            if ($arItem["IS_PARENT"])
            {
               $pictureLevel_1 = $arItem["PARAMS"]["picture_src"];
               $descriptionLevel_1 = $arItem["PARAMS"]["description"];
            }
            $arAllItems[$itemID] = $arItem;
         }
         elseif($arItem["DEPTH_LEVEL"] == "2")
         {
            if (!$arItem["PARAMS"]["picture_src"])
               $arItem["PARAMS"]["picture_src"] = $pictureLevel_1;
            if (!$arItem["PARAMS"]["description"])
               $arItem["PARAMS"]["description"] = $descriptionLevel_1;
            if ($arItem["IS_PARENT"])
            {
               $pictureLevel_2 = $arItem["PARAMS"]["picture_src"];
               $descriptionLevel_2 = $arItem["PARAMS"]["description"];
            }
            $arAllItems[$itemID] = $arItem;
         }
         elseif($arItem["DEPTH_LEVEL"] == "3")
         {
            if (!$arItem["PARAMS"]["picture_src"])
               $arItem["PARAMS"]["picture_src"] = $pictureLevel_2;
            if (!$arItem["PARAMS"]["description"])
               $arItem["PARAMS"]["description"] = $descriptionLevel_2;
            $arAllItems[$itemID] = $arItem;
         }

         $arImgDesc[$itemID]["PICTURE"] = $arItem["PARAMS"]["picture_src"];
         $arImgDesc[$itemID]["DESC"] = $arItem["PARAMS"]["description"];
      }
   }
}

$arSectionsInfo = array();
if (IsModuleInstalled("iblock"))
{
   $arFilter = array(
      "TYPE" => "catalog",
      "SITE_ID" => SITE_ID,
      "ACTIVE" => "Y"
   );

   $obCache = new CPHPCache();
   if ($obCache->InitCache(36000, serialize($arFilter), "/iblock/menu"))
   {
      $arSectionsInfo = $obCache->GetVars();
   }
   elseif ($obCache->StartDataCache())
   {
      if (CModule::IncludeModule("iblock"))
      {
         $dbIBlock = CIBlock::GetList(array('SORT' => 'ASC', 'ID' => 'ASC'), $arFilter);
         $dbIBlock = new CIBlockResult($dbIBlock);
         $curIblockID = 0;
         if ($arIBlock = $dbIBlock->GetNext())
         {
            $dbSections = CIBlockSection::GetList(array(), array("IBLOCK_ID" => $arIBlock["ID"]), false, array("ID", "SECTION_PAGE_URL", "PICTURE", "DESCRIPTION"));
            while($arSections = $dbSections->GetNext())
            {
               $pictureSrc = CFile::GetFileArray($arSections["PICTURE"]);

               if ($pictureSrc)
                  $arResizePicture = CFile::ResizeImageGet(
                     $arSections["PICTURE"],
                     array("width" => 240, 'height'=>700),
                     BX_RESIZE_IMAGE_PROPORTIONAL,
                     true
                  );

               $arSectionsInfo[crc32($arSections["SECTION_PAGE_URL"])]["PICTURE"] = $pictureSrc ? $arResizePicture["src"] : false;
               $arSectionsInfo[crc32($arSections["SECTION_PAGE_URL"])]["DESCRIPTION"] = $arSections["DESCRIPTION"];
            }
            if(defined("BX_COMP_MANAGED_CACHE"))
            {
               global $CACHE_MANAGER;
               $CACHE_MANAGER->StartTagCache("/iblock/menu");
               $CACHE_MANAGER->RegisterTag("iblock_id_".$arIBlock["ID"]);
               $CACHE_MANAGER->EndTagCache();
            }
         }
      }
      $obCache->EndDataCache($arSectionsInfo);
   }
}

$arMenuItemsIDs = array();
$arAllItems = array();
$arImgDesc = array();
foreach($arResult as $key=>$arItem)
{
   if($arItem["DEPTH_LEVEL"] > $arParams["MAX_LEVEL"])
   {
      unset($arResult[$key]);
      continue;
   }

   $arItem["PARAMS"]["item_id"] = crc32($arItem["LINK"]);
   $arItem["PARAMS"]["picture_src"] = $arSectionsInfo[$arItem["PARAMS"]["item_id"]]["PICTURE"];
   $arItem["PARAMS"]["description"] = $arSectionsInfo[$arItem["PARAMS"]["item_id"]]["DESCRIPTION"];

   if ($arItem["DEPTH_LEVEL"] == "1")
   {
      $arMenuItemsIDs[$arItem["PARAMS"]["item_id"]] = array();
      if ($arItem["IS_PARENT"])
      {
         $curItemLevel_1 = $arItem["PARAMS"]["item_id"];
      }
      $arAllItems[$arItem["PARAMS"]["item_id"]] = $arItem;
   }
   elseif($arItem["DEPTH_LEVEL"] == "2")
   {
      $arMenuItemsIDs[$curItemLevel_1][$arItem["PARAMS"]["item_id"]] = array();
      if ($arItem["IS_PARENT"])
      {
         $curItemLevel_2 = $arItem["PARAMS"]["item_id"];
      }
      $arAllItems[$arItem["PARAMS"]["item_id"]] = $arItem;
   }
   elseif($arItem["DEPTH_LEVEL"] == "3")
   {
      $arMenuItemsIDs[$curItemLevel_1][$curItemLevel_2][] = $arItem["PARAMS"]["item_id"];
      $arAllItems[$arItem["PARAMS"]["item_id"]] = $arItem;
   }
}

FillAllPicturesAndDescriptions($arAllItems, $arMenuItemsIDs, $arImgDesc);

$arMenuStructure = array();
foreach ($arMenuItemsIDs as $itemIdLevel_1=>$arLevels2)
{
   $countItemsInRow = 18;
   $arMenuStructure[$itemIdLevel_1] = array();
   $countLevels2 = count($arLevels2);

   if ($countLevels2 > 0)
   {
      for ($i=1; $i<=3; $i++)
      {
         $sumElementsInRow = 0;
         foreach($arLevels2 as $itemIdLevel_2=>$arLevels3)
         {
            $sumElementsInRow+= count($arLevels3) + 1;
            $arMenuStructure[$itemIdLevel_1][$i][$itemIdLevel_2] = $arLevels3;
            if ($sumElementsInRow > $countItemsInRow)
               $countItemsInRow = $sumElementsInRow;

            unset($arLevels2[$itemIdLevel_2]);
            $tmpCount = 0;
            foreach($arLevels2 as $tmpItemIdLevel_2=>$arTmpLevels3)
            {
               $tmpCount+= 1 + count($arTmpLevels3);
            }

            if ($tmpCount <= $countItemsInRow*(3-$i) && $countItemsInRow<=$sumElementsInRow)
               break;
         }
      }
   }
}

$arResult = array();
$arResult["ALL_ITEMS"] = $arAllItems;
$arResult["ITEMS_IMG_DESC"] = $arImgDesc;
$arResult["MENU_STRUCTURE"] = $arMenuStructure;