PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
Логотипы партнёров
Блок «Нам доверяют»: логотипы в одну линию или сетку. У каждого лого alt и необязательная ссылка.
Информация
Требуется PageBuilder Pro.
Блок «нам доверяют»
- Быстрый блок «нам доверяют»
- Alt у каждого лого для доступности
- Ссылка на сайт партнёра опциональна
Типичные места
- На B2B-главной: клиенты и интеграторы
- На лендинге перед отзывами
- На странице партнёрства
Примеры страниц
Repeater логотипов
Repeater Логотипы: изображение, alt, URL. Держите одинаковую высоту логотипов в макете.
Похожие секции
- Ряд брендов для вендоров из miniShop3 (Pro, MS3)
- Отзывы, если нужны цитаты, а не логотипы
Параметры блока
| Параметр | Значение |
|---|---|
| key | logos |
| Слой | Pro |
| Категория | доверие (social) |
| Chunk | pagebuilderpro_logos |
| Требования | pro |
Поля в редакторе
Заполните поля в инспекторе секции на ресурсе. Описание типов полей: справочник типов.
Заголовок (title)
Тип text. Необязательное.
Логотипы (items)
Тип repeater. Обязательное. Повторяющиеся строки. Кнопка «Добавить» в инспекторе.
В каждой строке:
| Поле | Тип | Подпись | Обязательно |
|---|---|---|---|
image | image | Логотип | да |
alt | text | Alt-текст | нет |
Что видит посетитель
Сетка pb-logos с изображениями.
Данные секции
Пример JSON после сохранения секции. Для media, video и map значения на выводе могут быть обогащены:
json
{
"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": "Описание изображения для скринридеров"
}
]
}Шаблон chunk
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-определение
PageBuilderPro/core/components/pagebuilderpro/sections/logos.json