Skip to content
  1. Компоненты
  2. PageBuilder
  3. Каталог секций
  4. Pro
  5. Как это работает

Как это работает

Секция how_it_works выводит шаги из repeater. Chunk: pagebuilderpro_how_it_works. Требуется PageBuilder Pro.

Где уместна

  • Процесс заказа или подключения
  • Три-четыре шага под hero
  • Объяснение услуги без дат

Поля

ПолеТипОбязательноНазначение
titletextнетЗаголовок секции
introtextareaнетВступление
stepsrepeaterдаШаги
steps.titletextдаНазвание шага
steps.texttextareaнетТекст
steps.iconimageнетИконка

Рендер

Шаги в <ol>. Номер это индекс строки плюс 1, атрибут aria-hidden="true". Поле icon имеет тип image, не icon. Картинка идёт через pagebuilder_partial_image. Пустой repeater оставляет пустой список. intro печатается только если заполнен.

Данные секции

json
{
  "title": "Как заказать",
  "intro": "Три шага",
  "steps": [
    {
      "title": "Выбор",
      "text": "Добавьте товар",
      "icon": { "url": "assets/images/step.png" }
    }
  ]
}

Похожие секции

Связанные страницы