
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
- MODX 3
- PHP 8.2
- Vue 3


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

| Параметр | Значение |
|---|---|
| key | quote |
| Слой | Pro |
| Категория | контент (content) |
| Chunk | pagebuilderpro_quote |
| Требования | pro |
| Поле | Тип | Обязательно | Назначение |
|---|---|---|---|
text | textarea | да | Текст цитаты |
author | text | нет | Автор |
role | text | нет | Должность |
avatar | image | нет | Аватар |
Корень это <figure>, цитата в <blockquote>. Подпись figcaption появляется, если задан author, role или avatar. Аватар через pagebuilder_partial_image. Пустой text публикацию не проходит: поле обязательное.
{
"text": "Собрали страницу за день",
"author": "Анна",
"role": "Редактор",
"avatar": { "url": "assets/images/anna.jpg" }
}Fenom chunk pagebuilderpro_quote:
<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>