Установка модуля SenDev: Сравнение изображений До/После

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

Инструкция соответствует версии 1.0.0.

[Скриншот 1: первый шаг установки модуля с параметрами демо-данных]

Перед установкой

Для основного режима работы с данными из инфоблока на сайте должен быть доступен штатный модуль «Информационные блоки». Для ручного компонента отдельный рабочий инфоблок не требуется.

Если вы планируете сразу проверить внешний вид модуля, оставьте включённой установку демонстрационных данных. Это самый быстрый способ убедиться, что компонент работает корректно, и посмотреть, как должны быть заполнены поля «До», «После», подпись, режим и стартовая позиция.

Шаг 1. Запустите установку

Откройте список установленных решений в административной части и запустите установку «Сравнение изображений До/После».

На первом шаге доступны две опции.

Установить демо-инфоблок и демо-элементы

Опция включена по умолчанию. При её использовании модуль создаёт демонстрационный тип инфоблоков, инфоблок «Сравнение Фото До/После», необходимые свойства и несколько готовых подборок изображений.

Демо удобно оставить включённым при первой установке. Оно не является обязательным для работы модуля: после проверки можно использовать свой инфоблок или ручной компонент.

Переимпортировать демо и перезаписать картинки

Эта опция предназначена прежде всего для повторной установки или восстановления демонстрационных данных. Если демо-картинки были заменены или изменены, переимпорт возвращает исходный набор из поставки модуля.

При обычной первой установке включать переимпорт специально не требуется.

Шаг 2. Завершите установку

Нажмите кнопку «Установить». После завершения появится сообщение об успешной установке. Если создавались демо-данные, на странице дополнительно отображается ID созданного демонстрационного инфоблока и возможные предупреждения.

[Скриншот 2: экран успешной установки с ID демо-инфоблока]

С этой страницы можно сразу перейти в настройки модуля.

Что появляется после установки

В административном меню в разделе сервисов появляется пункт модуля и страница «Настройки». В списке компонентов становятся доступны два варианта:

«Сравнение До/После — из инфоблока (табы)» — получает пары изображений из элементов выбранного инфоблока;
«Сравнение До/После — ручной режим» — выводит одну пару, заданную непосредственно в параметрах компонента.

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

Что сделать сразу после установки

Откройте страницу «Настройки».
Оставьте значения по умолчанию для первого теста или настройте базовый внешний вид.
Если установлено демо — создайте тестовую страницу и добавьте компонент из инфоблока.
Выберите демонстрационный инфоблок.
Сохраните страницу и проверьте движение разделителя.
Проверьте переключение между примерами, если их несколько.
Откройте страницу с телефона или в адаптивном режиме браузера.

Как проверить, что установка выполнена правильно

После установки должны выполняться три условия:

страница настроек модуля открывается без ошибки;
оба компонента доступны в редакторе компонентов;
тестовый блок отображает изображения и реагирует на перемещение ползунка.

Если демо было установлено, дополнительной проверкой будет наличие инфоблока «Сравнение Фото До/После» и заполненных элементов в его разделах.

Удаление модуля

При удалении можно отдельно определить, какие данные сохранить.

Удалить настройки модуля

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

Удалить демо-инфоблок и демо-элементы

Удаляет демонстрационные данные, созданные модулем. Ваши собственные инфоблоки модуль этим действием не удаляет.

Удалить тип инфоблока sendev_demos

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

[Скриншот 3: форма удаления модуля с тремя опциями]