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

Адреса ​

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

Адреса

Где уместна ​

  • Офисы и магазины списком
  • Пункты выдачи без iframe карты
  • Контакты филиалов

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

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

Поля ​

ПолеТипОбязательноНазначение
titletextнетЗаголовок секции
itemsrepeaterдаТочки
items.titletextдаНазвание
items.addresstextareaнетАдрес
items.urlurlнетСсылка

Рендер ​

Список ul.pb-locations__list. Адрес печатается, если заполнен. Ссылка ведёт на url, текст ссылки тоже url, отдельной подписи нет. Пустой repeater оставляет пустой список. Это не карта.

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

json
{
  "title": "Офисы",
  "items": [
    {
      "title": "Центр",
      "address": "ул. Пример, 1",
      "url": "https://example.com/map"
    }
  ]
}

Шаблон chunk ​

Fenom chunk pagebuilderpro_locations:

fenom
<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>

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

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