Как сделать своё свойство в торговом предложении карточки товара?

Question

[serik]

Ковыряю стандартное решение - интернет магазин, редакции малый бизнес, в карточки товара залип.
Хочу сделать вот такой аналог фильтра по торговому предложению


Первое выделение это стандартные , я добавил "Предложение - OFFERS"

в вызове компонента "bitrix:catalog" напихал это свойство всюду где вызываются типовые свойства

на скрине ниже, место вызова этих "фильтров"
второй скрин - параметры вызова компонента bitrix:catalog.element
3 скрин - парметры вызова главного компонента - catalog



И вот это
"DETAIL_PRODUCT_INFO_BLOCK_ORDER" => "sku,props",
меня убивает, не понимаю что с этим делать, и как свои фильтры добавить

(* и прошу, не пишите по поводу того что я выставляю код скринами, здесь нужно акцентировать внимание на визуальном контакте чтобы было понятно о чем я говорю)

Comments

[PetrPo]

Че-то у тебя дизайн карточки товара, на первом скрине, очень уж похож на решение одной немало известной фирмы.
Ты че хочешь сделать? у тебя тип свойства "Файл", в чем логика? Для понимания, то что ты показываешь - это не фильтр, это выбор торгового предложения.
Все стандартно работает, без правки шаблона, если правильно сделать. DETAIL_PRODUCT_INFO_BLOCK_ORDER вообще тут не причем - это порядок блоков.

[serik]

PetrPo, суть как с цветом, только в моем случае цвет не удобно в HL блоке хранить, я думал смогу загружать именно файл цвета

[PetrPo]

Сергей Сапогин, так работать не будет.
Видишь такую галочку

у свойства типа "Файл" такой галочки нет. Если и получится твою идею реализовать, то много кастомить придеться, стандартно никак, пользуйся тем что дает тебе система. Не стоит из-за такой мелочи, что тебе просто не удобно, изобретать велосипед. Какая разница в HL грузить картинку или в свойство?

[serik]

PetrPo, возможно просто я не правильно понимаю.

Вот так я хочу реализовать, чтобы под фотографией шли торговые предложения в виде картинок разных цветов

[PetrPo]

Сергей Сапогин, ну так в стандартном магазине eshop, все есть, без HL блока не получится

[serik]

PetrPo, окей, понял, тогда просто в хл блок грузить картинки для карточки, и потом выбирать вручную.
Но на самом деле не удобно, и я хотел как то упростить, чтобы можно было манипулировать карточкой товара из ИБ Каталог.
В целом на вопрос вы ответили, я понял что нужно делать, спасибо за помощь

[serik]

"Какая разница в HL грузить картинку или в свойство?", просто с точки зрения юзера или ленивого менеджера я хотел упростить систему до минимума

[serik]

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

Подскажите как можно избавиться от дубля

[PetrPo]

Сергей Сапогин, тип свойства "Справочник" = HL, оно должно быть не множественное

[PetrPo]

Сергей Сапогин,

просто с точки зрения юзера или ленивого менеджера я хотел упростить систему до минимума

если у тебя 10 товаров конечно кажется, что это сложнее. Но на длинном отрезке будет и быстрее и удобнее. То ли выбирать из уже имеющего списка, то ли каждый раз искать файл и грузить его + нет привязки к рабочему месту, в твоем варианте все файлы должны на компе хранится, а если HL то все на сервере. Может у тебя менеджер трудоголик и захочет дома поработать))

[serik]

PetrPo, наверное я не так объяснил.
Дело не в множественном значении, у меня оно не множественное.
Распишу лучше, мне нужно добавить торговое предложение с цветом товара, но чтобы при выборе торгового предложения по цвету, была именно картинка.
Я иду в hl блок, добавляю несколько цветов (а именно по 1 картинке на цвет), после в каталоге в торговом предложении выбираю данный цвет из хл блока, и чтобы при смене цвета менялась и картинка товара, нужно еще и свойство "картинка" заполнить картинкой товара.

[serik]

в твоем варианте все файлы должны на компе хранится, а если HL то все на сервере

да и в ваших словах есть правда, так удобнее, но если исходить из скриншота что я приложил ранее

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

[PetrPo]

Сергей Сапогин,

типа клик по цвету из HL и на месте картинки товара - появляется этот цвет?

[serik]

PetrPo, да верно

[serik]

PetrPo, извините что так объясняю

[PetrPo]

Сергей Сапогин, сделать не сложно конечно, так скажем дело техники. Тут скорее нюансов много может быть, например что делать, если все таки в товар загружена детальная картинка + там есть свойство для доп картинок? Можно сделать так чтобы допустим на первое место ставилась картинка из HL, а остальное по дефолтной логике, сначала детальная картинка потом MORE_PHOTO

[PetrPo]

Сергей Сапогин, если надо, в файле result_modifier.php своего шаблона компонента catalog.element добавь

if($arResult['OFFERS']) {
	$colorPropertyCode = 'COLOR_REF';
	
	foreach($arResult['OFFERS'] as $key => $offer) {
		$colors = $arResult['SKU_PROPS'][$colorPropertyCode]['VALUES'];
		$offerColorXmlId = $offer['PROPERTIES'][$colorPropertyCode]['VALUE'];
		$offerColorImage = [];
		
		foreach($colors as $color) {
			if($color['XML_ID'] == $offerColorXmlId) {
				if(is_array($color['PICT']) && $color['PICT']['SRC']) {
					$offerColorImage = $color['PICT'];
				}
				break;
			}
		}

		if($offerColorImage) {
			++$arResult['OFFERS'][$key]['MORE_PHOTO_COUNT'];
			array_unshift($arResult['OFFERS'][$key]['MORE_PHOTO'], $offerColorImage);
			
			++$arResult['JS_OFFERS'][$key]['SLIDER_COUNT'];
			array_unshift($arResult['JS_OFFERS'][$key]['SLIDER'], $offerColorImage);
		}
	}
}

Только вот эту строку измени $colorPropertyCode = 'COLOR_REF'; COLOR_REF - символьный код свойства цвет инфоблока торговых предложений

UPD
изменил немного код

[serik]

PetrPo, у меня почему то не работает
result_modifier.php

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

/**
 * @var CBitrixComponentTemplate $this
 * @var CatalogElementComponent $component
 */

if($arResult['OFFERS']) {
    $colorPropertyCode = 'MY_OFFERS';

    foreach($arResult['OFFERS'] as $key => $offer) {
        $colors = $arResult['SKU_PROPS'][$colorPropertyCode]['VALUES'];
        $offerColorXmlId = $offer['PROPERTIES'][$colorPropertyCode]['VALUE'];
        $offerColorImage = [];

        foreach($colors as $color) {
            if($color['XML_ID'] == $offerColorXmlId) {
                if(is_array($color['PICT']) && $color['PICT']['SRC']) {
                    $offerColorImage = $color['PICT'];
                }
                break;
            }
        }

        if($offerColorImage) {
            ++$arResult['OFFERS'][$key]['MORE_PHOTO_COUNT'];
            array_unshift($arResult['OFFERS'][$key]['MORE_PHOTO'], $offerColorImage);

            ++$arResult['JS_OFFERS'][$key]['SLIDER_COUNT'];
            array_unshift($arResult['JS_OFFERS'][$key]['SLIDER'], $offerColorImage);
        }
    }
}

$component = $this->getComponent();
$arParams = $component->applyTemplateModifications();

template.php:

<? if (!empty($actualItem['MORE_PHOTO'])) {
                                foreach ($actualItem['MORE_PHOTO'] as $key => $photo) {
                                    ?>
                                    <div class="product-item-detail-slider-image<?= ($key == 0 ? ' active' : '') ?>"
                                         data-entity="image" data-id="<?= $photo['ID'] ?>">
                                        <img src="<?= $photo['SRC'] ?>" alt="<?= $alt ?>"
                                             title="<?= $title ?>"<?= ($key == 0 ? ' itemprop="image"' : '') ?>>
                                    </div>
                                    <?
                                }
                            }

[PetrPo]

Сергей Сапогин, галочку то поставил? "Используется для выбора торговых предложений", выше скриншот есть

[serik]

PetrPo, Да всё выводится, я имею в виду при нажатии на элемент хл блока (картинку цвета), главная картинка слайдера не меняется

[PetrPo]

Сергей Сапогин, ну так сложно сказать, принтуй где что не сходится

foreach($arResult['OFFERS'] as $key => $offer) {
        $colors = $arResult['SKU_PROPS'][$colorPropertyCode]['VALUES'];
        $offerColorXmlId = $offer['PROPERTIES'][$colorPropertyCode]['VALUE'];
        $offerColorImage = [];

// добавь и покажи что выведется
echo '<pre> $colors <br>';
print_r($colors);
echo '</pre>';
		
echo '<pre> $offerColorXmlId <br>';
print_r($offerColorXmlId);
echo '</pre>';
// ................

[serik]

PetrPo, ответ принтов:

$colors 
 $offerColorXmlId 
flowers
 $colors 
 $offerColorXmlId 
jeans
 $colors 
 $offerColorXmlId 
black
 $colors 
 $offerColorXmlId 
see
 $colors 
 $offerColorXmlId 
redblue

[serik]

PetrPo, А вот $offerColorImage возврпащает пустой массив после цикла

[PetrPo]

Сергей Сапогин, а здесь $arResult['SKU_PROPS'] есть твое свойство MY_OFFERS ?

[serik]

PetrPo, $arResult['SKU_PROPS'] == NULL

[PetrPo]

Сергей Сапогин, посмотрел в модуле, перенеси код ниже вот этой строки

$arParams = $component->applyTemplateModifications();

[PetrPo]

Сергей Сапогин, $arResult['SKU_PROPS'] как раз в этом методе формируется

[serik]

PetrPo, Да действительно, все заработало. Спасибо большое!!

[PetrPo]

Сергей Сапогин, ну отметь тогда решением)

Answer 1

[PetrPo]

в файле result_modifier.php своего шаблона компонента catalog.element после метода

$arParams = $component->applyTemplateModifications();

добавить

if($arResult['OFFERS']) {
	$colorPropertyCode = 'COLOR_REF';
	
	foreach($arResult['OFFERS'] as $key => $offer) {
		$colors = $arResult['SKU_PROPS'][$colorPropertyCode]['VALUES'];
		$offerColorXmlId = $offer['PROPERTIES'][$colorPropertyCode]['VALUE'];
		$offerColorImage = [];
		
		foreach($colors as $color) {
			if($color['XML_ID'] == $offerColorXmlId) {
				if(is_array($color['PICT']) && $color['PICT']['SRC']) {
					$offerColorImage = $color['PICT'];
				}
				break;
			}
		}

		if($offerColorImage) {
			++$arResult['OFFERS'][$key]['MORE_PHOTO_COUNT'];
			array_unshift($arResult['OFFERS'][$key]['MORE_PHOTO'], $offerColorImage);
			
			++$arResult['JS_OFFERS'][$key]['SLIDER_COUNT'];
			array_unshift($arResult['JS_OFFERS'][$key]['SLIDER'], $offerColorImage);
		}
	}
}

Только вот эту строку измени $colorPropertyCode = 'COLOR_REF'; COLOR_REF - символьный код свойства цвет инфоблока торговых предложений

Comments

[serik]

Спасибо большое за помощь !!!!