Каталог решений

Покупка продления купона

Продолжительность:
Общая сумма:
0 руб.
Ваш запрос успешно отправлен!

Я согласен с условиями активации продлений
Продлить
Продолжить покупки

Elegrant: Галерея с привязкой товаров

Для чего модульПодходит для интерьерных проектов, мебельных шоурумов, fashion-образов, коммерческих подборок и любых блоков, где нужно показать картинку и сразу дать пользователю купить связанные товары — без ручной вёрстки и без сложной доработки каталога.Что получаете после установкиГотовый инфоблок «Галерея» с нужными свойствамиКомпонент elegrant:gallery в /local/components/elegrant/gallery/Привязку к инфоблоку каталога товаровУпрощённую админ-форму элемента: только нужные поля на одной вкладкеОсновные возможностиГалерея и слайдерАвтоматический режим: сетка или слайдер в зависимости от количества элементов и настроекСлайдер на базе Swiper4 типа слайдера: классический, с краем следующего слайда, по центру, крупныйАвтопрокрутка, точки пагинации, настройка числа слайдов на ПК и мобильныхМодальное окноОткрытие по клику на карточкуКрупное изображение и список связанных товаров с ценой и ссылкойАнимации открытия: без анимации, плавное появление, увеличениеТочки на изображении (hotspots)Визуальный редактор в админке: клик по изображению — добавление точки, перетаскивание для позицииПривязка точки к товару из каталогаПодсказка с названием и ценой при наведенииТочки в модальном окне и опционально на карточках в слайдереОформление6 визуальных шаблонов: классический, тёмный, минимализм, тёплый, акцентный, красныйПереопределение цветов шаблона: стрелки, модальное окно, точкиНастройка заголовка блока: текст, размер, жирность, вывод над блоком или в одну линию со стрелкамиСтрелки: вкл/выкл, положение, размер, скруглениеУвеличение картинки при наведении (опционально)Lazy loading изображенийУправление настройкамиЕдиные настройки модуля с логичными разделами: основные, оформление, слайдер, карточки и модальное окноПереопределение в параметрах компонента на конкретной страницеПревью шаблонов и типов слайдера в подсказках настроекКак это работает для контент-менеджераЗагружает изображение в элемент галереи.Привязывает один или несколько товаров каталога.При необходимости расставляет точки прямо на изображении.Публикует компонент на странице — блок готов.Технические особенностиРаботает на стандартном модуле iblockСовместим с типовым каталогом товаровФронтенд на нативном JavaScript, без зависимости от BX.ajax / BX.readyАдаптивная вёрстка для десктопа, планшета и мобильныхНастройки хранятся в параметрах модуля и компонентаСценарии использования«Купить интерьер» — комната на фото, товары в модалке и точки на предметахПодборки и lookbook в fashionВитрины мебели, света, декораЛендинги с интерактивными подборками без кастомной разработкиТребования1С-Битрикс: Управление сайтомМодуль Информационные блоки (iblock)

Elegrant: Галерея с привязкой товаров

Elegrant: Галерея с привязкой товаров

Купить: 7 500 руб.
Купить продление
Скриншоты
Описание

Технические данные

Опубликовано:
21.09.2026
Версия:
1.12.0
Установлено:
Менее 50 раз
Подходящие редакции:
«Старт», «Стандарт», «Малый бизнес», «Бизнес»
Адаптивность:
Да
Поддержка Композита:
Да
Совместимо с Сайты24
Нет

Пользовательское соглашение

Описание

Для чего модуль

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

Что получаете после установки
  • Готовый инфоблок «Галерея» с нужными свойствами
  • Компонент elegrant:gallery в /local/components/elegrant/gallery/
  • Привязку к инфоблоку каталога товаров
  • Упрощённую админ-форму элемента: только нужные поля на одной вкладке
Основные возможности

Галерея и слайдер

  • Автоматический режим: сетка или слайдер в зависимости от количества элементов и настроек
  • Слайдер на базе Swiper
  • 4 типа слайдера: классический, с краем следующего слайда, по центру, крупный
  • Автопрокрутка, точки пагинации, настройка числа слайдов на ПК и мобильных

Модальное окно

  • Открытие по клику на карточку
  • Крупное изображение и список связанных товаров с ценой и ссылкой
  • Анимации открытия: без анимации, плавное появление, увеличение

Точки на изображении (hotspots)

  • Визуальный редактор в админке: клик по изображению — добавление точки, перетаскивание для позиции
  • Привязка точки к товару из каталога
  • Подсказка с названием и ценой при наведении
  • Точки в модальном окне и опционально на карточках в слайдере

Оформление

  • 6 визуальных шаблонов: классический, тёмный, минимализм, тёплый, акцентный, красный
  • Переопределение цветов шаблона: стрелки, модальное окно, точки
  • Настройка заголовка блока: текст, размер, жирность, вывод над блоком или в одну линию со стрелками
  • Стрелки: вкл/выкл, положение, размер, скругление
  • Увеличение картинки при наведении (опционально)
  • Lazy loading изображений

Управление настройками

  • Единые настройки модуля с логичными разделами: основные, оформление, слайдер, карточки и модальное окно
  • Переопределение в параметрах компонента на конкретной странице
  • Превью шаблонов и типов слайдера в подсказках настроек
Как это работает для контент-менеджера
  1. Загружает изображение в элемент галереи.
  2. Привязывает один или несколько товаров каталога.
  3. При необходимости расставляет точки прямо на изображении.
  4. Публикует компонент на странице — блок готов.
Технические особенности
  • Работает на стандартном модуле iblock
  • Совместим с типовым каталогом товаров
  • Фронтенд на нативном JavaScript, без зависимости от BX.ajax / BX.ready
  • Адаптивная вёрстка для десктопа, планшета и мобильных
  • Настройки хранятся в параметрах модуля и компонента
Сценарии использования
  • «Купить интерьер» — комната на фото, товары в модалке и точки на предметах
  • Подборки и lookbook в fashion
  • Витрины мебели, света, декора
  • Лендинги с интерактивными подборками без кастомной разработки
Требования
  • 1С-Битрикс: Управление сайтом
  • Модуль Информационные блоки (iblock)
Отзывы (0)
Обсуждения (0)
Здесь пока никто ничего не написал. Будьте первым.
Установка
Установка
  1. Установить модуль из маркетплейса.
  2. На шаге установки выбрать инфоблок каталога (можно позже в настройках модуля).
  3. Разместить компонент elegrant:gallery на нужной странице.
  4. Заполнить элементы инфоблока «Галерея».
Поддержка
Техподдержка решения осуществляется только по почте:

hello@elegrant.ru

При обращении впервые указывайте, пожалуйста, адрес вашего сайта.

Режим работы: Пн-Пт с 10:00 до 18:00, Сб, Вс - выходной

По телефону техподдержка не осуществляется.

Другие решения разработчика

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки