Готовое решение для 1С-Битрикс, позволяющее разместить на сайте интерактивные блоки сравнения двух изображений (“Before/After”). Решение подходит для демонстрации результатов работы и наглядных изменений: ремонт и интерьер, авто, бьюти-услуги, ретушь, медицина, клининг, производство и др.
Основные возможности- Интерактивное сравнение “До/После” с управлением ползунком
- Два режима отображения:
- Overlay (перетаскивание по изображению)
- Bar (ползунок под изображением)
- Overlay (перетаскивание по изображению)
- Вывод нескольких наборов сравнения с переключением через иконки-табы
- Вывод одного набора сравнения в ручном режиме (без инфоблока)
- Настраиваемые элементы интерфейса:
- заголовок блока
- подпись (label)
- бейджи “До/После” и их тексты
- логотип в элементе управления
- позиция, размер и отступы иконок вкладок
- адаптивное поведение на мобильных устройствах
- заголовок блока
- Ресайз изображений по пресетам или произвольно, управление качеством WebP (при наличии поддержки на сервере)
- Компонент из инфоблока — для портфолио/галереи “До/После”, когда нужно выводить множество примеров и переключаться между ними.
- Компонент ручного набора — для лендингов и страниц услуг, где нужен один конкретный пример сравнения.
- Наглядная демонстрация результата повышает вовлечённость и доверие
- Гибкая настройка внешнего вида и поведения
- Возможность централизованно управлять настройками и при необходимости переопределять их на уровне конкретной страницы
- Установите модуль стандартным способом (через админку Битрикс / Маркетплейс).
- В мастере установки можно включить демо-данные — они создадут тестовый инфоблок и примеры “До/После” для быстрой проверки.
После установки в административной части появится меню модуля, а в списке компонентов станут доступны:
- 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 support@sendev.ru и через сайт https://sendev.ru/contacts/
Для покупки товара в нашем интернет-магазине выберите понравившийся товар и добавьте его в корзину. Далее перейдите в Корзину и нажмите на «Оформить заказ» или «Быстрый заказ».
Если оформляете быстрый заказ: напишите ФИО, телефон и e-mail. Вам перезвонит менеджер и уточнит условия заказа. По результатам разговора вам придет подтверждение оформления товара на почту или через СМС. Теперь останется только ждать доставки и радоваться новой покупке.
Оформление заказа в стандартном режиме выглядит следующим образом. Заполняете полностью форму по последовательным этапам: адрес, способ доставки, оплаты, данные о себе. Советуем в комментарии к заказу написать информацию, которая поможет курьеру вас найти. Нажмите кнопку «Оформить заказ».
Оплачивайте покупки удобным способом. В интернет-магазине доступно 3 варианта оплаты:
- Наличные при самовывозе или доставке курьером. Специалист свяжется с вами в день доставки, чтобы уточнить время и заранее подготовить сдачу с любой купюры. Вы подписываете товаросопроводительные документы, вносите денежные средства, получаете товар и чек.
- Безналичный расчет при самовывозе или оформлении в интернет-магазине: карты МИР. Чтобы оплатить покупку на сайте, система перенаправит вас на сервер платежной системы. Здесь нужно ввести номер карты, срок действия и имя держателя.
- Электронные системы при онлайн-заказе: ЮMoney. Для совершения покупки система перенаправит вас на страницу платежного сервиса. Здесь необходимо заполнить форму по инструкции.
- Безналичная оплата на наш расчетный счет по выставленному счету.
Экономьте время на получении заказа. В интернет-магазине доступно 4 варианта доставки:
- Электронная поставка - все необходимые сведения о лицензии, праве пользования, кодах, ключах и др. высылаются покупателю на его e-mail.
- Курьерская доставка. Когда товар будет отправлен с нашего склада, Вам придет уведомление. В день доставки с Вами заблаговременно свяжется курьер для уточнения времени и деталей доставки. Доставка производится "до двери". Осмотрите упаковку на целостность и соответствие указанной комплектации.
- Постамат. Когда заказ поступит на точку, на Ваш телефон или e-mail придет уникальный код. Заказ нужно оплатить в терминале постамата. Срок хранения — 3 дня.
- Доставка Почтой России. Когда заказ придет в отделение, на Ваш адрес придет извещение о посылке. Перед оплатой Вы можете оценить состояние коробки: вес, целостность. Вскрывать коробку самостоятельно Вы можете только после оплаты заказа. Один заказ может содержать не больше 10 позиций и его стоимость не должна превышать 100 000 р.
Дополнительная информация.
Изучите полный алгоритм продления лицензий на модули 1С-Битрикс: Маркетплейс, включая активацию льготных купонов. Мы детально разбираем все условия: обязательный 30-дневный срок для сохранения максимальной выгоды, пропорциональное ценообразование (12,5%, 25%, 50% от цены модуля) и ограничение по минимальной сумме в 500 рублей. Этот гайд поможет вам эффективно планировать бюджет и гарантировать актуальность вашего проекта.
