Skip to content
  1. Extras
  2. PageBuilder
  3. Section catalog
  4. Pro
  5. Logo cloud

Logo cloud

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

Информация

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>

JSON definition

PageBuilderPro/core/components/pagebuilderpro/sections/logos.json

See also