Значения по экранам

Результат: заголовок или ссылка отличаются на компьютере, планшете и телефоне. Нужны PageBuilder Pro и capability responsive. Типы: text, textarea, url, number, currency, richtext, slug. Поле с именем slug, alt или caption переключателя не получает, даже если тип в списке.

Что нужно заранее

Включена pagebuilder_responsive_editor_enabled. Пока настройка выключена, вкладок в инспекторе нет.
Поле одного из типов выше. У секции есть такой заголовок или ссылка.

Шаги

Откройте поле в инспекторе и нажмите кнопку с подсказкой «Разные значения для планшета и телефона» (иконка связи). Появятся вкладки desktop, tablet, mobile.
Заполните три значения. Одно значение для всех экранов сворачивает карту и берёт desktop, если в схеме нет жёсткого responsive: true.
На сайте режим задаёт pagebuilder_responsive_apply.
- manual (по умолчанию): одно значение. Берётся ?pb_bp= или pagebuilder_default_breakpoint.
- css: в HTML все три значения, media query прячет лишние.
В чанке такое поле выводите через {$title|pb_text}, не через escape.
Сохранить ресурса.

Уже сохранённая карта на сайте работает, пока поле не сохранят одним значением. Пороги: pagebuilder_responsive_breakpoints (по умолчанию desktop ≥1024, tablet ≥768, mobile ≥0).

Пример полей

Поле Title секции hero:

Экран	Значение
desktop	`Каталог мебели`
tablet	`Каталог`
mobile	`Каталог`

При manual откройте ?pb_bp=mobile и ?pb_bp=desktop. При css в HTML три значения.

Что проверить

Вкладки появляются только после кнопки «Разные значения для планшета и телефона» и при включённом редакторе. Свёрнутое поле на сайте показывает desktop.

Откат

Сверните поле в одно значение и сохраните ресурс.

Значения по экранам ​

Что нужно заранее ​

Шаги ​

Пример полей ​

Что проверить ​

Откат ​

См. также ​