PageBuilder
Visual section builder for MODX 3. Draft and publish without overwriting resource content

"Trusted by" block: logos in a row or grid. Each logo has alt text and optional link.
Информация
Requires PageBuilder Pro.
Logos repeater: image, alt, URL. Keep logo heights consistent in design.
| Parameter | Value |
|---|---|
| key | logos |
| Layer | Pro |
| Category | social proof (social) |
| Chunk | pagebuilderpro_logos |
| Requires | pro |
Fill these fields in the section inspector. Field types are documented in the field types reference.
title) Type text. Optional.
items) Type repeater. Required. Repeatable rows. "Add" button in the inspector.
Each row:
| Field | Type | Label | Required |
|---|---|---|---|
image | image | Logo | yes |
alt | text | Alt text | no |
pb-logos grid with images.
Example payload after save. Media, video, and map values may be enriched on output:
{
"title": "Section title",
"items": [
{
"_rowId": "00000000-0000-4000-8000-000000000001",
"image": {
"url": "assets/images/example.jpg",
"id": 12,
"filename": "example.jpg",
"extension": "jpg",
"title": "example.jpg",
"width": 1920,
"height": 1080,
"type": "image"
},
"alt": "Image description for screen readers"
}
]
}Fenom chunk pagebuilderpro_logos:
<section class="pb-section pb-section--logos pb-logos{if $cssClass} {$cssClass|escape}{/if}" data-pb-section="logos"{if $id} id="pb-{$id|escape}"{/if}>
<div class="pb-section__inner pb-logos__inner">
{if $title}
<h2 class="pb-heading pb-logos__title">{$title|escape}</h2>
{/if}
<div class="pb-logos__grid">
{foreach $items as $item}
{include 'pagebuilder_partial_image' image=$item.image alt=($item.alt ?: 'Logo') class='pb-logos__item'}
{/foreach}
</div>
</div>
</section>PageBuilderPro/core/components/pagebuilderpro/sections/logos.json