1. aspro.ru
  2. Аспро: Максимум
  3. Каталог
  4. Карточка товара
  5. Настройка блоков
  6. Добавление пользовательских блоков в карточку товара

Добавление пользовательских блоков в карточку товара


В Аспро: Максимум с версии 2.5.0 появилась возможность выводить пользовательские блоки в карточке товара, в том числе в виде табов. С помощью блоков вы сможете еще больше уникализировать сайт и сделать проект информативнее для пользователей.

Для создания кастомных блоков потребуются навыки работы с кодом. Чтобы создать файл для блоков в каталоге, проделайте путь: Контент (1) → Структура сайта (2) → Файлы и папки (3) → include (4) → blocks (5) → catalog (6) → detail_blocks (7).

52aaac2e-7b60-11f1-8fe4-fa163e2ff576

Также можно во вкладке «Файлы и папки» проделать путь: /include/blocks/catalog/detail_blocks/

5c225d84-7b5d-11f1-8fe4-fa163e2ff576

Чтобы создать кастомный файл, нажмите на кнопку «Добавить» и выберите «Добавить файл». 

14949007-7b5f-11f1-8fe4-fa163e2ff576

Затем выберите название (1) и вставьте код блока (2). В файле доступны переменные $arResult, $arParams и $templateData из детальной карточки товара.

0b39df7c-7b5e-11f1-8fe4-fa163e2ff576

Чтобы настроить пользовательские блоки, зайдите в параметры компонента каталога. Для этого в режиме правки наведите курсор на область каталога, а затем нажмите на шестеренку в панели.

1a3cafc3-7b60-11f1-8fe4-fa163e2ff576

В параметры «Свойства для пользовательских блоков» вы можете отметить нужные свойства. Если нужных свойств нет, вы можете создать новые. Значения свойств будут доступны в $templateData['CUSTOM_BLOCKS_DATA']['PROPERTIES']

8e31e769-7b62-11f1-8fe4-fa163e2ff576

В параметре «Пользовательские блоки и табы» вы увидите код блока — название созданного файла (3). Вы можете активировать блок через чекбокс и задать ему название (1). Также по желанию блок можно сделать табом (2).

63d26f1c-7b5e-11f1-8fe4-fa163e2ff576

После активации блока вы можете изменить его сортировку. Для этого передвиньте код блока в нужную позицию.

f5e2592f-7b63-11f1-8fe4-fa163e2ff576

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

Рассмотрим популярный у наших пользователей запрос — вывод свойства типа HTML в таб на детальной странице товара.

Для создания нового свойства в административной части перейдите в Контент (1) → Инфоблоки (2) → Типы инфоблоков (3) → Каталог (aspro.max) (4) → Каталог товаров (5). 

1486b1ce-7b63-11f1-8fe4-fa163e2ff576

На вкладке «Свойства», укажите название (1), тип (2) и символьный код свойства (3). Сохраняем изменения.

b603e89a-7b5c-11f1-8fe4-fa163e2ff576

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

1a3cafc3-7b60-11f1-8fe4-fa163e2ff576

Чтобы значения свойств товара отображались в кастомных блоках, необходимо отметить созданные свойства в настройке «Свойства для пользовательских блоков». 

fb55c4e7-7b60-11f1-8fe4-fa163e2ff576

Затем вернемся в административную часть сайта, чтобы создать кастомный блок. Указываем название файла, оно будет отображаться в параметрах компонента каталога (1). Копируем код ниже и вставляем в поле (2). Сохраним изменения.

	 <?
$codePropHTML = 'TEST_HTML';
?>
<?if(!empty($templateData['CUSTOM_BLOCKS_DATA']['PROPERTIES'][$codePropHTML]['~VALUE']['TEXT'])):?>
<?=$templateData['CUSTOM_BLOCKS_DATA']['PROPERTIES'][$codePropHTML]['~VALUE']['TEXT'];?>
<?endif;?>

65aecf74-7b63-11f1-8fe4-fa163e2ff576

Вновь возвращаемся в параметры компонента каталога. В параметре «Пользовательские блоки и табы» находим по коду блока файл, который создали (3). Ставим галочку и указываем название, чтобы блок появился (1). Также делаем отображение блока в виде таба (2).

4776a488-7b60-11f1-8fe4-fa163e2ff576

После этого меняем сортировку кастомного блока через параметр «Порядок отображения блоков в табах».

919e9523-7b61-11f1-8fe4-fa163e2ff576

Чтобы блок отображался, у товара должно быть заполнено выбранное свойство!

98938222-7b63-11f1-8fe4-fa163e2ff576

Если все условия выполнены, мы увидим новый блок.

7c24d27c-7b62-11f1-8fe4-fa163e2ff576

Предыдущая статья Включаемая область в карточке товара «Самовывоз сегодня - бесплатно»
Следующая статья Ресайз изображений