Пример использования собственных элементарных областей

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

Обратимся к разделу с описанием типов элементарных областей элемента каталога и выделим необходимые нам элементарные области:

- область Slider;
- область Preview_props.

Для решения данной задачи нам необходимо будет заменить элементарную область Slider и добавить новую элементарную область под областью Preview_props.

Создадим файлы данных областей:

Перенесем в код области element.slider.php оригинальный код области Slider из нашего компонента. Путь до области Slider:
/bitrix/components/bxready.market2/catalog/templates/.default/bitrix/catalog.element/.default/include/slider.php

Теперь вырежем код, отображающий изображение нашего бренда, из кода области element.slider.php и вставим в код области element.preview_props.epilog.php



И изменим название родительского класса у нового блока с брендом:



Создадим файл со стилями для нового блока с отображением бренда:

Подключаем эти стили в нашей области element.preview_props.epilog.php:

Осталось только включить работу собственных элементарных областей в административной части сайта:



После выполненных работы получим следующий результат: