Цвета торговых предложений из Highload инфоблоков в списке товаров

Подвернулся на доработку очень старый сайт, работал еще на 11-ой версии Битрикс. Выполнили обновление до 16-ой версии и попутно возникла доработка. Нужно было вывести цвета торговых предложений в виде цветных картинок. Коли уж скоро, Битрикс обновлен и получен функционал Highload инфоблоков, решил ими и воспользоваться

Переводить шаблоны каталога на современные, переверстывать под текущий дизайн сайта - слишком трудоемкая и долгая процедура. Да и не имеет практического смыла. Решил добавить вывод цветов прямо в старом шаблоне

Создание инфоблока и добавление в товары

Для начала создаем Highload инфоблок - COLOR и накидываем в него элементы. По сути, просто квадратики с картинками.

Далее, создаем в инфоблоке каталога свойство "Цвет", типа "Справочник" и в настройках выбираем созданный ранее Highload инфоблок. PS: Кстати, создать его можно прямо отсюда, просто выбираем "Создать новый" вместо выбора имеющегося.

Далее, в товарах выбираем это новое свойство, просто указываем какие цвета есть у торговых предложений. В настройках компонента каталога, выбираем новое свойство как параметр вывода/отбора предложений

Вывод картинок и фильтрация элементов Higload инфоблока

Теперь, само интересное: открываем на редактирование шаблон любого компонента каталога (например catalog.top). Общий смысл работы, заключается в выводе модуля highload инфоблоков в шаблоне компонета. Само собой, нам вывалит все элементы справочника, наша задача отфильтровать только нужные- актуальные для конкретного товара, элементы.

Для этого, сначала выведем foreach со всеми торговыми предложениями данного товара и занесем данные в переменную. То есть, мы просто собираем пречисление всех названий цветов в одну строку

<?
foreach($arElement["OFFERS"] as $arOffer):
   foreach($arOffer["DISPLAY_PROPERTIES"] as $pid=>$arProperty):
      $color .= '\''.$arProperty["DISPLAY_VALUE"].'\',';
   break;endforeach;
endforeach;
?>

Если сейчас, в любом месте шаблона вывести <?echo $color?> - получим простую строку с перечислением цветов предложений- типа "Синий,Красный,красный,черный,черный,синий" - то, что я повторяю цвета в строке, это не ошибка. Да- нам выдаст все предложения, даже их повторения (например: у вас есть ботинки синие-44 рзмер, синие-45 ый И так далее - вывалит все вариации). Но это не страшно, решим дальше.

Теперь нам нужно эту строку превратить в массив array- используем eval, для этих целей. Не все его любят, но в данном случае вполне уместен.

<?
   eval('$fofilter=array('.$color.');');
   extract($fofilter);
?>

Все, теперь в переменной $fofilter у нас массив вида array(Синий,Красный,красный,черный,черный,синий)

Теперь самое сложное: подключаем модуль "highloadblock" и сразу выводим в нем только картинки элементов. Причем картинкой, воспользовавшись API CFile::GetPath. Комментарии по коду:

<?
   if (!CModule::IncludeModule('highloadblock')) //ПОДКЛЮЧАЕМ МОДУЛЬ
      continue;
   $ID = 3; //СЮДА ID ВАШЕГО HL ИНФОБЛОКА
   $hldata = Bitrix\Highloadblock\HighloadBlockTable::getById($ID)->fetch();
   $hlentity = Bitrix\Highloadblock\HighloadBlockTable::compileEntity($hldata);
   $hlDataClass = $hldata['NAME'].'Table';
      
   //СОЗДАЕМ МАССИВ ФИЛЬТРА, В НЕМ УКАЗЫВАЕМ ЛОГИКУ ОТБОРА И (обязательно, иначе будет ИЛИ и отфильтрует только один цвет)
   $arFilter = Array(
         Array(
            "LOGIC"=>"AND",
            Array(
               "UF_NAME"=> $fofilter //НАШ МАССИВ С ЦВЕТАМИ
            )
         )
      );
   $result = $hlDataClass::getList(array(
      'select' => array('UF_FILE','UF_NAME'), //НАМ НУЖНЫ ТОЛЬКО НАЗВАНИЕ И КАРТИНКА
      'order' => array('UF_NAME' =>'ASC'),
      'filter' => $arFilter //ПРИМЕНЯМ СОЗДАННЫЙ ВЫШЕ ФИЛЬТР
   ));
   while($res = $result->fetch())
   {
      $img_path = CFile::GetPath($res["UF_FILE"]); //ПОЛУЧАЕМ ПУСТЬ К КАРТИНКЕ
      echo '<img src="'.$img_path.'"/>'; //ВЫВОДИМ КАРТИНКУ
   }
?>

Вот и все, нам выведет все цвета, присущие только торговым предложениям данного товара. при этом по одному разу. Немного избыточно, так как в фильтр могут попадать одни и те же параметры (Синий, синий, синий)- но интерпритируется только один запрос и не получится нескольких синих квадратов.

Однако, проверил нагрузку на карточке товара. Данное решение срабатывает быстро, при условии что у конкретного товара около 15-ти расцветок, а в HL блоках около 200-от записей. Запросов к базе данных мало, отрабатываются моментально. На-то они и Highload блоки.

Добавлено позже: Вариант 2 "Просто в лоб"

Если вам достаточно просто циклически перебрать и вывести вообще все цвета (не обращая внимания на повторения цветов), можете решить задачу "в лоб". Просто перебираем все цвета в foreach и для каждого выводим HL запись с помощью API Битрикс

<?foreach($arElement["OFFERS"] as $arOffer):?>
    <?foreach($arOffer["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?>
        <? if($pid =="TSVET"){?>
            <? 
            $color = $arProperty["DISPLAY_VALUE"];
            if (!CModule::IncludeModule('highloadblock'))
            continue;
            $ID = 3;
            $hldata = Bitrix\Highloadblock\HighloadBlockTable::getById($ID)->fetch();
            $hlentity = Bitrix\Highloadblock\HighloadBlockTable::compileEntity($hldata);
            $hlDataClass = $hldata['NAME'].'Table';
            $arFilter = Array(
                Array(
                    "LOGIC"=>"AND",
                    Array(
                        "UF_NAME"=> $color //НАШ МАССИВ С ЦВЕТАМИ
                    )
                )
            );
            $result = $hlDataClass::getList(array(
                'select' => array('UF_FILE','UF_NAME'),
                'order' => array('UF_NAME' =>'ASC'),
                'filter' => $arFilter
            ));
            while($res = $result->fetch())
            {
                $img_path = CFile::GetPath($res["UF_FILE"]); //ПОЛУЧАЕМ ПУСТЬ К КАРТИНКЕ
                echo '<img src="'.$img_path.'" width="20"/>'; //ВЫВОДИМ КАРТИНКУ
            }
            ?>
        <?}?>
    <?endforeach;?>
<?endforeach;?>