Компонент «Сравнение До/После — ручной режим»

Ручной компонент предназначен для одной пары изображений. Он не требует создания элемента инфоблока и подходит для единичных кейсов, лендингов, статей и страниц услуг.

[Скриншот 1: группа «Ручной набор» в параметрах компонента]

Обязательные поля

MANUAL: Before

Изображение «До». Можно указать ID файла из 1С-Битрикс либо путь/адрес изображения.

MANUAL: After

Изображение «После». Заполняется тем же способом.

Если одно из двух полей не заполнено, ручной компонент не сможет сформировать сравнение.

Необязательные поля ручного набора

MANUAL: Icon

Отдельная иконка. В ручном режиме переключателей между несколькими элементами нет, поэтому это поле фактически готовится тем же механизмом, но в стандартном шаблоне отдельная вкладка не выводится. Для обычного ручного блока поле можно не заполнять.

MANUAL: Label

Подпись над сравнением. Если она пустая, компонент использует общий заголовок из поля TITLE; если и он пустой — резервную подпись «Before/After».

MANUAL: Режим

Можно явно выбрать overlay или bar. Если оставить режим пустым, используется общий режим по умолчанию.

MANUAL: Стартовая позиция

Положение границы от 0 до 100. В текущей форме компонента начальное значение этого поля — 0. Поэтому если требуется стандартное разделение пополам, явно укажите 50.

Если поле действительно оставить пустым, модуль использует общую стартовую позицию по умолчанию.

MANUAL: Логотип

Логотип для конкретной пары. Он имеет приоритет над общим логотипом компонента.

Изображение по ID или по пути

Для файлов из медиабиблиотеки или загрузок 1С-Битрикс удобнее использовать ID. В этом случае компонент может выполнить штатный ресайз до выбранного размера.

Если указан путь или внешний URL, изображение используется напрямую. Для такого значения компонент не выполняет штатный ресайз по ID. Автоматическое создание WebP возможно только для локального файла, доступного на сервере сайта.

Остальные параметры

Группы «Визуал», «Поведение», «Ресайз/качество», «Иконки», «Мобильная версия» и «Кэширование» устроены так же, как у компонента из инфоблока.

Несмотря на наличие настроек иконок, стандартный ручной режим всегда выводит одну пару и не показывает набор табов. Поэтому параметры положения иконок в первую очередь важны для компонента из инфоблока.

[Скриншот 2: общие параметры ручного компонента — режим, логотип, ресайз и мобильная версия]

Логотип по умолчанию

Для ручного компонента также доступен выбор:

• использовать глобальный логотип;
• полностью отключить логотип;
• задать своё значение;
• оставить совместимый режим, где пустое локальное значение берётся из глобальных настроек.

Если дополнительно заполнено поле MANUAL: Логотип, оно имеет приоритет.

Когда выбирать ручной режим

• на странице нужен один блок;
• контент не требуется централизованно управлять через инфоблок;
• пара изображений уникальна для конкретной страницы;
• не нужны переключатели между несколькими работами.

Когда лучше перейти на инфоблок

Если сравнений становится много, одни и те же кейсы используются на нескольких страницах или контентом управляет редактор, хранение в инфоблоке обычно удобнее. В нём можно менять изображения и подписи без редактирования параметров каждой страницы.

Пример настройки одной пары

1. Загрузите две фотографии в систему.
2. Укажите их ID в Before и After.
3. Задайте Label.
4. Выберите overlay.
5. Поставьте стартовую позицию 50.
6. Оставьте логотип глобальным или отключите его.
7. Выберите подходящий пресет ресайза.
8. Сохраните страницу и проверьте сравнение.

[Скриншот 3: публичный ручной блок с одной парой изображений]