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

 1902| 3 Автор: Михаил Базаров (КамуфляЖ)

Подвернулся на доработку очень старый сайт, работал еще на 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;?>