docs.modx.pro
  1. Extras
  2. PageBuilder
  3. Section catalog
  4. Pro
  5. Partner logos

Logo cloud ​

"Trusted by" block: logos in a row or grid. Each logo has alt text and optional link.

Logo cloud

Информация

Requires PageBuilder Pro.

Trusted-by block ​

  • Fast “trusted by” strip
  • Alt text per logo for accessibility
  • Optional partner link

Typical placement ​

  • B2B homepage: clients and integrators
  • Landing page before testimonials
  • Partners page

Page examples ​

Logo repeater ​

Logos repeater: image, alt, URL. Keep logo heights consistent in design.

Similar sections ​

Block parameters ​

ParameterValue
keylogos
LayerPro
Categorysocial proof (social)
Chunkpagebuilderpro_logos
Requirespro

Inspector fields ​

Fill these fields in the section inspector. Field types are documented in the field types reference.

Title (title) ​

Type text. Optional.

Logos (items) ​

Type repeater. Required. Repeatable rows. "Add" button in the inspector.

Each row:

FieldTypeLabelRequired
imageimageLogoyes
alttextAlt textno

Site output ​

pb-logos grid with images.

Section data ​

Example payload after save. Media, video, and map values may be enriched on output:

json
{
  "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"
    }
  ]
}

Chunk template ​

Fenom chunk pagebuilderpro_logos:

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

See also ​