Skip to content
PageBuilder
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  • MODX 3
  • PHP 8.2
  • Vue 3
  1. Компоненты
  2. PageBuilder
  3. Каталог секций
  4. Pro
  5. Цитата

Цитата ​

Секция quote выводит одну цитату.

Цитата

Где уместна ​

  • Выделенная фраза клиента
  • Эпиграф статьи
  • Одна рекомендация без карточек команды

Параметры блока ​

ПараметрЗначение
keyquote
СлойPro
Категорияконтент (content)
Chunkpagebuilderpro_quote
Требованияpro

Поля ​

ПолеТипОбязательноНазначение
texttextareaдаТекст цитаты
authortextнетАвтор
roletextнетДолжность
avatarimageнетАватар

Рендер ​

Корень это <figure>, цитата в <blockquote>. Подпись figcaption появляется, если задан author, role или avatar. Аватар через pagebuilder_partial_image. Пустой text публикацию не проходит: поле обязательное.

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

json
{
  "text": "Собрали страницу за день",
  "author": "Анна",
  "role": "Редактор",
  "avatar": { "url": "assets/images/anna.jpg" }
}

Шаблон chunk ​

Fenom chunk pagebuilderpro_quote:

fenom
<figure class="pb-section pb-section--quote pb-quote{if $cssClass} {$cssClass|escape}{/if}" data-pb-section="quote"{if $id} id="pb-{$id|escape}"{/if}>
  <div class="pb-section__inner">
    <blockquote class="pb-quote__text">
      <p>{$text|escape}</p>
    </blockquote>
    {if $author || $role || $avatar}
      <figcaption class="pb-quote__meta">
        {if $avatar}{include 'pagebuilder_partial_image' image=$avatar alt=$author class='pb-quote__avatar'}{/if}
        <div>
          {if $author}<cite class="pb-quote__author">{$author|escape}</cite>{/if}
          {if $role}<span class="pb-quote__role">{$role|escape}</span>{/if}
        </div>
      </figcaption>
    {/if}
  </div>
</figure>

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

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