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

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

Подходит для интерьерных проектов, мебельных шоурумов, 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)