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

/

TechSpecGrid - Сетка технических характеристик

Визуальное представление блока


В рамках данного блока часть информации заполняется в карточке статьи, часть подтягивается из отдельного инфоблока “Данные для TechSpecGrid“


В карточке статьи вы заполняете:

  • Заголовок
  • InfoBox до элементов характеристик
  • InfoBox после элементов характеристик
  • Связываете характеристики со статьей

Для добавления заголовка заполните свойство “Блок TechSpecGrid - Заголовок”

Для добавления infoBox в зависимости от того какой блок нужно вывести заполните данные свойств:

“Блок TechSpecGrid - InfoBox в конце” или “Блок TechSpecGrid - InfoBox в начале”

В большое поле вы добавляете необходимую для вывода инфрмацию, так же вы можете туда добавить не просто текст а HTML верстку (если требуется)

Для определения вида InfoBox-а вам нужно заполнить описание:

  • info - голубой
  • warning - желтый
  • success - зеленый
  • tip - фиолетовый
  • error - красный

по умолчанию

info


Для добавления элементов по примеру скриншота ниже


Нужно подвязать элементы инфоблока “Данные для TechSpecGrid“

Для этого заполните свойство “Блок TechSpecGrid - элементы“.

Кликните на троеточие, и в открывшимся окне найдите нужный элемент, напротив него слева нажмите на меню и в откывремся контекстом меню кликните “выбрать”

Создание элементов-характеристик

Характеристики для привязки создаются в инфоблоке по пути: Контент > Блоки для статей > Данные для TechSpecGrid

Для добавления нового элемента нажмите на кнопку “добавить элемент” справа сверху

Заполните следующие свойства:

  • Название
  • иконка
  • список


Расшифровка полей

Названиетестовое поле. Обязательно
Иконкаизображение внутри блока
списокмаркируемый текст выводимый с новой стоки