- Установите модуль стандартным способом (через админку Битрикс / Маркетплейс).
- В мастере установки можно включить демо-данные — они создадут тестовый инфоблок и примеры “До/После” для быстрой проверки.
После установки в административной части появится меню модуля, а в списке компонентов станут доступны:
- sendev:compare.beforeafter
- sendev:compare.beforeafter.manual
Откройте настройки модуля в админке и задайте значения “по умолчанию”, которые будут применяться ко всем вставкам компонентов (если не переопределены в параметрах компонента):
- заголовок/label, бейджи “До/После”
- режим (overlay/bar) и стартовая позиция
- логотип (по умолчанию)
- цвета и толщина разделителя
- параметры иконок и поведение на мобильных
- ресайз изображений и качество WebP (при наличии поддержки на сервере)
- Создайте инфоблок (или используйте демо).
- Добавьте элементы “До/После”, загрузите изображения До и После.
- Разместите компонент sendev:compare.beforeafter на странице и укажите инфоблок.
- Если элементов больше одного — компонент автоматически отобразит иконки-табы для переключения наборов.
<?php $APPLICATION->IncludeComponent( "sendev:compare.beforeafter", ".default", [ "IBLOCK_TYPE" => "content", "IBLOCK_ID" => 12, "NEWS_COUNT" => "20", "CACHE_TYPE" => "A", "CACHE_TIME" => "36000000", ] ); |
Настройка “вручную” (одна пара изображений)
Если инфоблок не нужен, используйте sendev:compare.beforeafter.manual:
- Укажите MANUAL_BEFORE и MANUAL_AFTER (ID файла или путь/URL).
- При необходимости задайте подпись, режим, стартовую позицию, логотип.
<?php $APPLICATION->IncludeComponent( "sendev:compare.beforeafter.manual", ".default", [ "MANUAL_BEFORE" => "/upload/before.jpg", "MANUAL_AFTER" => "/upload/after.jpg", "CACHE_TYPE" => "A", "CACHE_TIME" => "36000000", ] ); |
Полезное правило
Параметры компонента всегда важнее глобальных настроек модуля.
Это удобно, когда на разных страницах нужно разное оформление при общих дефолтах.
- Техническая поддержка решения осуществляется через специальный раздел по адресу https://sendev.ru/forum/forum5/
- Вы можете проконсультироваться по приобретению решения по e-mail info@conversite.ru и через сайт https://sendev.ru/contacts/
Готовое решение для 1С-Битрикс, позволяющее разместить на сайте интерактивные блоки сравнения двух изображений (“Before/After”). Решение подходит для демонстрации результатов работы и наглядных изменений: ремонт и интерьер, авто, бьюти-услуги, ретушь, медицина, клининг, производство и др.
Основные возможности- Интерактивное сравнение “До/После” с управлением ползунком
- Два режима отображения:
- Overlay (перетаскивание по изображению)
- Bar (ползунок под изображением)
- Overlay (перетаскивание по изображению)
- Вывод нескольких наборов сравнения с переключением через иконки-табы
- Вывод одного набора сравнения в ручном режиме (без инфоблока)
- Настраиваемые элементы интерфейса:
- заголовок блока
- подпись (label)
- бейджи “До/После” и их тексты
- логотип в элементе управления
- позиция, размер и отступы иконок вкладок
- адаптивное поведение на мобильных устройствах
- заголовок блока
- Ресайз изображений по пресетам или произвольно, управление качеством WebP (при наличии поддержки на сервере)
- Компонент из инфоблока — для портфолио/галереи “До/После”, когда нужно выводить множество примеров и переключаться между ними.
- Компонент ручного набора — для лендингов и страниц услуг, где нужен один конкретный пример сравнения.
- Наглядная демонстрация результата повышает вовлечённость и доверие
- Гибкая настройка внешнего вида и поведения
- Возможность централизованно управлять настройками и при необходимости переопределять их на уровне конкретной страницы
Закажите любой модуль у нас на сайте с бесплатной установкой и гарантией 14 дней
Мы работаем с физическими и юридическими лицами. И предоставляем сразу два варианта оплаты.
- Наличные. Вы подписываете товаросопроводительные документы, расплачиваетесь денежными средствами, получаете товар и чек.
- Безналичный расчет. Принимаем карты Visa и MasterCard. Доступен при курьерской доставке.
Ваш заказ можем доставить собственными ресурсами, при условии вашего нахождения в городе. Либо через 4 варианта доставки:
- Курьерская доставка. Курьерская доставка работает с 9:00 до 19:00. Когда товар поступит на склад, курьерская служба свяжется для уточнения деталей. Специалист предложит выбрать удобное время доставки и уточнит адрес.
- Самовывоз из магазина. Для получения заказа обратитесь к сотруднику в кассовой зоне и назовите номер.
- Сотрудничаем с постаматами. Срок хранения — 3 дня.
- Предоставляем почтовую доставку через почту России. Когда заказ придет в отделение, на ваш адрес придет извещение о посылке. Вскрывать коробку самостоятельно вы можете только после оплаты заказа.
Дополнительная вкладка для размещения информации о товарах, доставке или любого другого важного контента. Поможет вам ответить на интересующие покупателя вопросы и развеять его сомнения в покупке. Используйте её по своему усмотрению.
Вы можете убрать её или вернуть обратно, изменив одну галочку в настройках компонента. Очень удобно.
- Комментарии
- ВКонтакте