Вывести картинку связанного элемента в каталоге битрикс
Иногда в интернет-магазине созданном на битрикс, нужно вывести рекомендуемые или дополнительные товары в карточке товара с названиями и изображениями. Например: в описании товара "Платье розовое" нужно предложить покупательнице приобрести "Босонжки розовые" и "Сумочка розовая", то есть прямо в карточке товара смотивировать дальнейшую покупку. Давайте сделаем это через свойство "Привязка к элементам в виде списка"- таким образом контент-менеджер сможет вручную присваивать товарам рекомендуемые товары
Создание свойства в инфоблоке каталог
Начнем с создания свойства "привязка к элементам в виде списка". Для этого идем в настройки нужного инфоблока и заполняем как на нижеприведенной картинке: Название свойства- "Рекомендуемые товары", тип-"Привязка к элементам в виде списка", ставим чекбоксы- "Акт." и "Множ.", и Тип "ATT_SVYAZKA". Сортировку можно оставить по умолчанию 500, в моем примере нужно было чтобы свойство было в самом низу редактора элемента
Далее идем в настройки этого свойства и указываем тип и инфоблок элементы которого будут доступны для связывания. В моем случае нужно было привязывать элементы того же самого инфоблока.
Настройка компонента
Идем в публичную часть сайта, в раздел где выведен компонент каталога, проходим в его настроки (например двойным кликом в режиме правки) прокручиваем колесико до секции "Настройки детального просмотра" и в списке доступных свойств выбираем наше свежесозданное "ATT_SVYAZKA" и сохраняемся.
Выводим свойство в шаблоне компонента
Идем в редактирование шаблона компонента каталог- детальный просмотр элемента и вставляем в нужное место- где планируется выводить связанные товары- вот такой код. Допускаю, что он не очень аккуратен, однако вы всегда можете его "окультурить" самостоятельно
<? if($pid =="ATT_SVYZKA"): ?>
<?if(is_array($arProperty["DISPLAY_VALUE"])):?>
<?
$st = 2;
echo '<table cellspacing=5 cellpadding=2 border=0>';
for ($i = 0; $i < ceil(count($arProperty["VALUE"])/$st); $i++) {
echo '<tr>';
for ($j = 0; $j < $st; $j++) {
if (isset($arProperty["VALUE"][(($i*$st)+$j)])) {
$ar_res = CCatalogProduct::GetByIDEx($arProperty["VALUE"][(($i*$st)+$j)]);
echo '<td align=center><p>'.$arProperty["DISPLAY_VALUE"][(($i*$st)+$j)].'</p><br />'; //название
$picture = CFile::ShowImage($ar_res['PREVIEW_PICTURE'], 200, 200, "border=0", "", true); //картинка
echo $picture;
echo '</td>';
} else {
echo '<td> </td>';
}
}
echo '</tr>';
}
echo '</table>';
?>
<?endif?>
<?endif?>
<?endforeach?>
В общем то все готово осталось привязать элементы к конкретному товару и посмотреть как это сработало.
Привязываем товары к....товару
Идем в редактирование любого товара нашего инфоблока. Находим свойство "Рекомендуемые товары" и в выпадающих списках, где отобразятся все доступные для связывания товары, выбираем пару тройку товаров:
Сохраняемся и смотрим что получилось. Лично у меня вот так вывелись связанные элементы на одном из разрабатываемых на битрикс интернет-магазине одежды
Вывести название, цену и картинку связанного элемента в каталоге
Небольшая модификация данного решения, которая позволит вывести еще и цену связанного элемента. С настроками свойств и товаров проделываем все тоже самое, но код вставляем вот такой (в комментариях объяснения)
<?foreach($arResult["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?>
<?if($pid =="VAZE"):?>
<?
$st = 2;
for ($i = 0; $i < ceil(count($arProperty["VALUE"])/$st); $i++)
for ($j = 0; $j < $st; $j++)
{
if (isset($arProperty["VALUE"][(($i*$st)+$j)]))
{
$ar_res = CCatalogProduct::GetByIDEx($arProperty["VALUE"][(($i*$st)+$j)]);
$picture = CFile::ShowImage($ar_res['PREVIEW_PICTURE'], 200, 200, "border=0", "", true);
$tID = $ar_res["ID"];//ID инфоблока со связанными товарами
$intIBlockID = 13;
$mxResult = CCatalogSKU::GetInfoByProductIBlock(
$intIBlockID
);
if (is_array($mxResult))
{
$rsOffers = CIBlockElement::GetList(array("PRICE"=>"ASC"),array('IBLOCK_ID' => $mxResult['IBLOCK_ID'], 'PROPERTY_'.$mxResult['SKU_PROPERTY_ID'] => $tID));
while ($arOffer = $rsOffers->GetNext())
{
$ar_price = GetCatalogProductPrice($arOffer["ID"], 1); //Цена торгового предложения
}
}
echo '<li>';
echo '<a href="'.$ar_res["DETAIL_PAGE_URL"].'">'; //Ссылка на товар
echo '<h5>'.$ar_res["NAME"].'</h5>'; //Название товара
echo $picture; //Картинка товара
echo "<p>от ".$ar_price["PRICE"]." руб. </p>" ; //Цена
break;
echo '</a>';
echo '</li>';
}
}
?>
<?endif?>
<?endforeach?>
Видео к данной записке
Так как в комментариях многие жалуются, что способ не работает в новых редакциях битрикс, записал видео по реализации. Битрикс версии 16.0.2
Видео варится
Константин
|
|
После вставки кода на детальной стр все проподает возможно какието несовместимасти с кодом на моей стр=(
|
Михаил Базаров
| ||
| ||
|
Гость сайта
| ||
| ||
|
Гость сайта
| ||
| ||
|
Михаил Базаров
| ||||
| ||||
|
Гость сайта
| ||||||||||||
| ||||||||||||
|
Денис
|
|
А как картинке присвоить url
|
|
Гость сайта
|
|
А если не в детальном просмотре, а в списке товаров выводить миниатюрой? Для ювелирного сайта было бы удобнее сразу в списке товаров видеть, что например у кольца есть комплект из серег.
|
|
Михаил Базаров
| ||
| ||
|
Дмитрий
|
|
Два дня мучаюсь, выводит ошибку: Fatal error: Class 'CCatalogProduct' not found in
|
|
Михаил Базаров
| ||
| ||
|
гость
|
|
Здравствуйте, Михаил! Почему когда привязываю товар он виден из товаров к которому привязал, а из самого элемента не виден? Так реализовано, или можно переключить? Спасибо
|
|
Михаил Базаров
| ||
| ||
|
Виктория
|
|
Добрый вечер, а можно ли вывести сопутствующие товары из разных инфоблоков?
ТП битрикс на вопрос ответит не может, по стандартной схеме - не выводится. |
|
Михаил Базаров
| ||
| ||
|
Гость сайта
|
|
у меня почему то ничего не выводит(((
без картинок (то, что в стандартном компоненте) работает. а этот не работает. совсем. компонент его как буд-то бы не видит |
|
Гость сайта
|
|
А если связанных товаров 90 штук по каждому элементу? Как быть?
|
|
Михаил Базаров
| ||
| ||
|
Руслан
|
|
Сделал все по инструкции. Товары не выводятся. Не работает... В чем может быть причина?
. |
|
Виктор
| ||||
|
Здравствуйте, Михаил! Прогнал свой массив через var_dump
| ||||
Случайные заметки
Установка битрикс на компьютер с Windows Если товар в корзине, поменять значение input на "В корзине" Подключение SSL на Битрикс виртуальная машина Простой WEB сервер на ubuntu, для Битрикс WEB сервер | ISP-config 3.0 на базе ubuntu server 12 - в WMvare Материалы по теме в новостях Битрикс, с картинкой, названием и текстом анонса. Дополнительные картинки в списке элементов каталога битрикс Вывести все разделы в которых находится элемент инфоблока Почему я не люблю Joomla Ускорение сайта Битрикс на ubuntu server, Memcached.
