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


Секция locations выводит точки из repeater. Карту эта секция не встраивает.

| Параметр | Значение |
|---|---|
| key | locations |
| Слой | Pro |
| Категория | контент (content) |
| Chunk | pagebuilderpro_locations |
| Требования | pro |
| Поле | Тип | Обязательно | Назначение |
|---|---|---|---|
title | text | нет | Заголовок секции |
items | repeater | да | Точки |
items.title | text | да | Название |
items.address | textarea | нет | Адрес |
items.url | url | нет | Ссылка |
Список ul.pb-locations__list. Адрес печатается, если заполнен. Ссылка ведёт на url, текст ссылки тоже url, отдельной подписи нет. Пустой repeater оставляет пустой список. Это не карта.
{
"title": "Офисы",
"items": [
{
"title": "Центр",
"address": "ул. Пример, 1",
"url": "https://example.com/map"
}
]
}Fenom chunk pagebuilderpro_locations:
<section class="pb-section pb-section--locations pb-locations{if $cssClass} {$cssClass|escape}{/if}" data-pb-section="locations"{if $id} id="pb-{$id|escape}"{/if}>
<div class="pb-section__inner">
{if $title}<h2 class="pb-heading">{$title|escape}</h2>{/if}
<ul class="pb-locations__list">
{foreach $items as $item}
<li class="pb-locations__item">
<h3>{$item.title|escape}</h3>
{if $item.address}<p>{$item.address|escape}</p>{/if}
{if $item.url}<p><a href="{$item.url|escape}">{$item.url|escape}</a></p>{/if}
</li>
{/foreach}
</ul>
</div>
</section>