Мгновенный умный поиск товаров с подсказками (название, фото, цена и т.п) и выбором полей для поиска

<?$APPLICATION->IncludeComponent("atum:smartsearchpro","",Array(
      "ELEMENT_SORT_FIELD" => "sort",       // По какому полю сортируем элементы
      "ELEMENT_SORT_FIELD2" => "id",        // Поле для второй сортировки элементов
      "ELEMENT_SORT_ORDER" => "asc",          // Порядок сортировки элементов
      "ELEMENT_SORT_ORDER2" => "desc",       // Порядок второй сортировки элементов
      "IBLOCK_ID" => "2",             // Инфоблок
      "IBLOCK_TYPE" => "catalog",          // Тип инфоблока
      "ITEMS_COUNT" => "8",             // Общее количество товаров
      "ITEMS_COUNT_NAV" => "4",          // Количество товаров на странице
      "ITEMS_CURRENCY" => "RUB",          // Конвертировать цены в одну валюту
      "ITEMS_IMAGES" => "MORE_PHOTO",       // Дополнительная картинка основного товара
      "ITEMS_PRICE_CODE" => "1",          // Тип цены
      "SEARCH_ARTICLE_PROPERTY" => "ARTNUMBER",    // Свойство, в котором хранится артикул: 
      "SEARCH_BY" => "1",             // Искать по [1 – Названию, 2 - Названию и Описанию]
      "SEARCH_BY_ARTICLE" => "Y",          // Искать по артикулу
      "SEARCH_MIN_CHARS" => "3",          // Минимальное количество символов для поиска
      "SEARCH_ONLY_AVAILABLE" => "Y",       // Показывать только товары в наличии
      "SEARCH_ONLY_STATISTICS" => "Y",       // Собирать статистику
      "SEARCH_ONLY_WITH_PICTURE" => "Y",      // Показывать только товары с картинкой
      "SEARCH_ONLY_WITH_PRICE" => "Y",       // Показывать только товары с ценой
      "SEARCH_PAGE" => "/search",          // URL отдельной страницы с результатами поиска
      "SEARCH_PROPERTYS" => array("TREND", ""),   // Свойство, в котором хранится артикул
      "SEARCH_SHOW_SECTIONS" => "Y",          // Искать разделы
      "SEARCH_SHOW_TAGS" => "Y",          // Искать по тегам
      "SECTION_SHOW_SORT" => "Y",          // Сортировать сначала по разделам
      "SECTION_SORT_FIELD" => "name",         // По какому полю сортируем разделы
      "SECTION_SORT_FIELD2" => "sort",       // Поле для второй сортировки разделов
      "SECTION_SORT_ORDER" => "asc",          // Порядок сортировки разделы
      "SECTION_SORT_ORDER2" => "desc",       // Порядок второй сортировки элементов
      "USE_TITLE_RANK" => "Y"          // При ранжировании результата учитывать заголовки
   )
);?>

<div id="block-search">
<div class="atumsmartsearchpro js-atumsmartsearchpro">
   <div class="atumsmartsearchpro-form">
      <input type="hidden" class="js-atumsmartsearchpro-search" />
      <input type="text" 
         class="js-atumsmartsearchpro-input form-control" 
         placeholder="<?=GetMessage('FORM_PLACEHOLDER')?>" 
         value="<?=htmlspecialchars($_GET["q"])?>" 
         onke yup="atumsmartsearchpro_<?=$arParams['ID']?>.keyup(this,event)"
         oncl ick="atumsmartsearchpro_<?=$arParams['ID']?>.click(this,event)"
      />
      <div class="atumsmartsearchpro-button d-flex align-items-center">
         <button class="js-atumsmartsearchpro-clear btn btn-link" 
            oncl ick="atumsmartsearchpro_<?=$arParams['ID']?>.clear(this,event)"></button>
         <button class="js-atumsmartsearchpro-submit btn btn-green" 
            oncl ick="atumsmartsearchpro_<?=$arParams['ID']?>.submit(this,event)"><?=GetMessage("SUBMIT")?></button>
      </div>
   </div>
   <div class="js-atumsmartsearchpro-result"></div>
</div>
<sc ript>
   let atumsmartsearchpro_<?=$arParams['ID']?> = new atumsmartsearchpro(
      '<?echo CUtil::JSEscape($templateFolder)?>/template_ajax.php',
      '<?echo CUtil::JSEscape($componentPath)?>/ajax.php',
      <?=CUtil::PhpToJSObject($arParams)?>);
</sc ript>
<?$APPLICATION->IncludeComponent(
   "bitrix:catalog.search", 
   ".default", 
   array(
      "SMARTSEARCHPRO" => arFilter(htmlspecialchars($_GET["q"]),$arParams),
      "ELEMENT_SORT_FIELD" => sortField(htmlspecialchars($_GET["q"]),$arParams),
      "ELEMENT_SORT_ORDER" => sortOrder(htmlspecialchars($_GET["q"]),$arParams),
   ),
   false
);?>
</div>

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die(); use Bitrix\Main\Loader;
$this->setFrameMode(true);
global $searchFilter;
$elementOrder = array();
if ($arParams['USE_SEARCH_RESULT_ORDER'] === 'N'){
   $elementOrder = array(
      "ELEMENT_SORT_FIELD" => $arParams["ELEMENT_SORT_FIELD"],
      "ELEMENT_SORT_ORDER" => $arParams["ELEMENT_SORT_ORDER"],
      "ELEMENT_SORT_FIELD2" => $arParams["ELEMENT_SORT_FIELD2"],
      "ELEMENT_SORT_ORDER2" => $arParams["ELEMENT_SORT_ORDER2"],
   );
}
$searchFilter = $arParams["SMARTSEARCHPRO"];
if (!empty($searchFilter) && is_array($searchFilter)){
   $componentParams = array(
      "IBLOCK_TYPE" => $arParams["IBLOCK_TYPE"],
      "IBLOCK_ID" => $arParams["IBLOCK_ID"],
      "PAGE_ELEMENT_COUNT" => $arParams["PAGE_ELEMENT_COUNT"],
      "LINE_ELEMENT_COUNT" => $arParams["LINE_ELEMENT_COUNT"],
      "PROPERTY_CODE" => $arParams["PROPERTY_CODE"],
      "PROPERTY_CODE_MOBILE" => (isset($arParams["PROPERTY_CODE_MOBILE"]) ? $arParams["PROPERTY_CODE_MOBILE"] : []),
      "OFFERS_CART_PROPERTIES" => $arParams["OFFERS_CART_PROPERTIES"],
      "OFFERS_FIELD_CODE" => $arParams["OFFERS_FIELD_CODE"],
      "OFFERS_PROPERTY_CODE" => $arParams["OFFERS_PROPERTY_CODE"],
      "OFFERS_SORT_FIELD" => $arParams["OFFERS_SORT_FIELD"],
      "OFFERS_SORT_ORDER" => $arParams["OFFERS_SORT_ORDER"],
      "OFFERS_SORT_FIELD2" => $arParams["OFFERS_SORT_FIELD2"],
      "OFFERS_SORT_ORDER2" => $arParams["OFFERS_SORT_ORDER2"],
      "OFFERS_LIMIT" => $arParams["OFFERS_LIMIT"],
      "SECTION_URL" => $arParams["SECTION_URL"],
      "DETAIL_URL" => $arParams["DETAIL_URL"],
      "BASKET_URL" => $arParams["BASKET_URL"],
      "ACTION_VARIABLE" => $arParams["ACTION_VARIABLE"],
      "PRODUCT_ID_VARIABLE" => $arParams["PRODUCT_ID_VARIABLE"],
      "PRODUCT_QUANTITY_VARIABLE" => $arParams["PRODUCT_QUANTITY_VARIABLE"],
      "PRODUCT_PROPS_VARIABLE" => $arParams["PRODUCT_PROPS_VARIABLE"],
      "SECTION_ID_VARIABLE" => $arParams["SECTION_ID_VARIABLE"],
      "CACHE_TYPE" => $arParams["CACHE_TYPE"],
      "CACHE_TIME" => $arParams["CACHE_TIME"],
      "DISPLAY_COMPARE" => $arParams["DISPLAY_COMPARE"],
      "PRICE_CODE" => $arParams["~PRICE_CODE"],
      "USE_PRICE_COUNT" => $arParams["USE_PRICE_COUNT"],
      "SHOW_PRICE_COUNT" => $arParams["SHOW_PRICE_COUNT"],
      "PRICE_VAT_INCLUDE" => $arParams["PRICE_VAT_INCLUDE"],
      "PRODUCT_PROPERTIES" => $arParams["PRODUCT_PROPERTIES"],
      "USE_PRODUCT_QUANTITY" => $arParams["USE_PRODUCT_QUANTITY"],
      "ADD_PROPERTIES_TO_BASKET" => (isset($arParams["ADD_PROPERTIES_TO_BASKET"]) ? $arParams["ADD_PROPERTIES_TO_BASKET"] : ''),
      "PARTIAL_PRODUCT_PROPERTIES" => (isset($arParams["PARTIAL_PRODUCT_PROPERTIES"]) ? $arParams["PARTIAL_PRODUCT_PROPERTIES"] : ''),
      "CONVERT_CURRENCY" => $arParams["CONVERT_CURRENCY"],
      "CURRENCY_ID" => $arParams["CURRENCY_ID"],
      "HIDE_NOT_AVAILABLE" => $arParams["HIDE_NOT_AVAILABLE"],
      "HIDE_NOT_AVAILABLE_OFFERS" => $arParams["HIDE_NOT_AVAILABLE_OFFERS"],
      "DISPLAY_TOP_PAGER" => $arParams["DISPLAY_TOP_PAGER"],
      "DISPLAY_BOTTOM_PAGER" => $arParams["DISPLAY_BOTTOM_PAGER"],
      "PAGER_TITLE" => $arParams["PAGER_TITLE"],
      "PAGER_SHOW_ALWAYS" => $arParams["PAGER_SHOW_ALWAYS"],
      "PAGER_TEMPLATE" => $arParams["PAGER_TEMPLATE"],
      "PAGER_DESC_NUMBERING" => $arParams["PAGER_DESC_NUMBERING"],
      "PAGER_DESC_NUMBERING_CACHE_TIME" => $arParams["PAGER_DESC_NUMBERING_CACHE_TIME"],
      "PAGER_SHOW_ALL" => $arParams["PAGER_SHOW_ALL"],
      "LAZY_LOAD" => (isset($arParams["LAZY_LOAD"]) ? $arParams["LAZY_LOAD"] : 'N'),
      "MESS_BTN_LAZY_LOAD" => (isset($arParams["~MESS_BTN_LAZY_LOAD"]) ? $arParams["~MESS_BTN_LAZY_LOAD"] : ''),
      "LOAD_ON_SCROLL" => (isset($arParams["LOAD_ON_SCROLL"]) ? $arParams["LOAD_ON_SCROLL"] : 'N'),
      "FILTER_NAME" => "searchFilter",
      "SECTION_ID" => "",
      "SECTION_CODE" => "",
      "SECTION_USER_FIELDS" => array(),
      "INCLUDE_SUBSECTIONS" => "Y",
      "SHOW_ALL_WO_SECTION" => "Y",
      "META_KEYWORDS" => "",
      "META_DESCRIPTION" => "",
      "BROWSER_TITLE" => "",
      "ADD_SECTIONS_CHAIN" => "N",
      "SET_TITLE" => "N",
      "SET_STATUS_404" => "N",
      "CACHE_FILTER" => "N",
      "CACHE_GROUPS" => "N",
      'LABEL_PROP' => (isset($arParams['LABEL_PROP']) ? $arParams['LABEL_PROP'] : ''),
      'LABEL_PROP_MOBILE' => (isset($arParams['LABEL_PROP_MOBILE']) ? $arParams['LABEL_PROP_MOBILE'] : ''),
      'LABEL_PROP_POSITION' => (isset($arParams['LABEL_PROP_POSITION']) ? $arParams['LABEL_PROP_POSITION'] : ''),
      'ADD_PICT_PROP' => (isset($arParams['ADD_PICT_PROP']) ? $arParams['ADD_PICT_PROP'] : ''),
      'PRODUCT_DISPLAY_MODE' => (isset($arParams['PRODUCT_DISPLAY_MODE']) ? $arParams['PRODUCT_DISPLAY_MODE'] : ''),
      'PRODUCT_BLOCKS_ORDER' => (isset($arParams['PRODUCT_BLOCKS_ORDER']) ? $arParams['PRODUCT_BLOCKS_ORDER'] : ''),
      'PRODUCT_ROW_VARIANTS' => (isset($arParams['PRODUCT_ROW_VARIANTS']) ? $arParams['PRODUCT_ROW_VARIANTS'] : ''),
      'ENLARGE_PRODUCT' => (isset($arParams['ENLARGE_PRODUCT']) ? $arParams['ENLARGE_PRODUCT'] : ''),
      'ENLARGE_PROP' => (isset($arParams['ENLARGE_PROP']) ? $arParams['ENLARGE_PROP'] : ''),
      'SHOW_SLIDER' => (isset($arParams['SHOW_SLIDER']) ? $arParams['SHOW_SLIDER'] : 'Y'),
      'SLIDER_INTERVAL' => (isset($arParams['SLIDER_INTERVAL']) ? $arParams['SLIDER_INTERVAL'] : '3000'),
      'SLIDER_PROGRESS' => (isset($arParams['SLIDER_PROGRESS']) ? $arParams['SLIDER_PROGRESS'] : 'N'),
      'OFFER_ADD_PICT_PROP' => (isset($arParams['OFFER_ADD_PICT_PROP']) ? $arParams['OFFER_ADD_PICT_PROP'] : ''),
      'OFFER_TREE_PROPS' => (isset($arParams['OFFER_TREE_PROPS']) ? $arParams['OFFER_TREE_PROPS'] : []),
      'PRODUCT_SUBSCRIPTION' => (isset($arParams['PRODUCT_SUBSCRIPTION']) ? $arParams['PRODUCT_SUBSCRIPTION'] : ''),
      'SHOW_DISCOUNT_PERCENT' => (isset($arParams['SHOW_DISCOUNT_PERCENT']) ? $arParams['SHOW_DISCOUNT_PERCENT'] : ''),
      'SHOW_OLD_PRICE' => (isset($arParams['SHOW_OLD_PRICE']) ? $arParams['SHOW_OLD_PRICE'] : ''),
      'SHOW_MAX_QUANTITY' => (isset($arParams['SHOW_MAX_QUANTITY']) ? $arParams['SHOW_MAX_QUANTITY'] : ''),
      'MESS_SHOW_MAX_QUANTITY' => (isset($arParams['~MESS_SHOW_MAX_QUANTITY']) ? $arParams['~MESS_SHOW_MAX_QUANTITY'] : ''),
      'RELATIVE_QUANTITY_FACTOR' => (isset($arParams['RELATIVE_QUANTITY_FACTOR']) ? $arParams['RELATIVE_QUANTITY_FACTOR'] : ''),
      'MESS_RELATIVE_QUANTITY_MANY' => (isset($arParams['~MESS_RELATIVE_QUANTITY_MANY']) ? $arParams['~MESS_RELATIVE_QUANTITY_MANY'] : ''),
      'MESS_RELATIVE_QUANTITY_FEW' => (isset($arParams['~MESS_RELATIVE_QUANTITY_FEW']) ? $arParams['~MESS_RELATIVE_QUANTITY_FEW'] : ''),
      'MESS_BTN_BUY' => (isset($arParams['~MESS_BTN_BUY']) ? $arParams['~MESS_BTN_BUY'] : ''),
      'MESS_BTN_ADD_TO_BASKET' => (isset($arParams['~MESS_BTN_ADD_TO_BASKET']) ? $arParams['~MESS_BTN_ADD_TO_BASKET'] : ''),
      'MESS_BTN_SUBSCRIBE' => (isset($arParams['~MESS_BTN_SUBSCRIBE']) ? $arParams['~MESS_BTN_SUBSCRIBE'] : ''),
      'MESS_BTN_DETAIL' => (isset($arParams['~MESS_BTN_DETAIL']) ? $arParams['~MESS_BTN_DETAIL'] : ''),
      'MESS_NOT_AVAILABLE' => (isset($arParams['~MESS_NOT_AVAILABLE']) ? $arParams['~MESS_NOT_AVAILABLE'] : ''),
      'MESS_BTN_COMPARE' => (isset($arParams['~MESS_BTN_COMPARE']) ? $arParams['~MESS_BTN_COMPARE'] : ''),
      'USE_ENHANCED_ECOMMERCE' => (isset($arParams['USE_ENHANCED_ECOMMERCE']) ? $arParams['USE_ENHANCED_ECOMMERCE'] : ''),
      'DATA_LAYER_NAME' => (isset($arParams['DATA_LAYER_NAME']) ? $arParams['DATA_LAYER_NAME'] : ''),
      'BRAND_PROPERTY' => (isset($arParams['BRAND_PROPERTY']) ? $arParams['BRAND_PROPERTY'] : ''),
      'TEMPLATE_THEME' => (isset($arParams['TEMPLATE_THEME']) ? $arParams['TEMPLATE_THEME'] : ''),
      'ADD_TO_BASKET_ACTION' => (isset($arParams['ADD_TO_BASKET_ACTION']) ? $arParams['ADD_TO_BASKET_ACTION'] : ''),
      'SHOW_CLOSE_POPUP' => (isset($arParams['SHOW_CLOSE_POPUP']) ? $arParams['SHOW_CLOSE_POPUP'] : ''),
      'COMPARE_PATH' => (isset($arParams['COMPARE_PATH']) ? $arParams['COMPARE_PATH'] : ''),
      'COMPARE_NAME' => (isset($arParams['COMPARE_NAME']) ? $arParams['COMPARE_NAME'] : ''),
      'USE_COMPARE_LIST' => (isset($arParams['USE_COMPARE_LIST']) ? $arParams['USE_COMPARE_LIST'] : '')
   ) + $elementOrder;

   $APPLICATION->IncludeComponent(
      "bitrix:catalog.section",
      ".default",
      $componentParams,
      $arResult["THEME_COMPONENT"],
      array('HIDE_ICONS' => 'Y')
   );

}else{?>
   <?if($_GET['q']){?>
      <div class="block-search-info">По вашему запросу подходящих товаров не найдено.</div>
   <?}else{?>
      <div class="block-search-info">По вашему запросу подходящих товаров не найдено.</div>
   <?}?>
<?}?>