Отметки(точки) на изображениях элементов инфоблока

Отметки(точки) на изображениях элементов инфоблока

16 сентября 2021


Автор: Коняхин Евгений
Метки на изображениях элементов инфоблока - это бесплатный модуль, который расширяет базовый инструмент административной панели и позволяет управлять метками на изображениях непосредственно на страницах редактирования элементов.
Модуль позволяет получить в результирующий массив arResult все координаты точек для дальнейшего позиционирования в шаблоне.

Возможности:
  • Создание меток для детального изображения
  • Создание меток пользовательского свойства типа файл
  • Создание меток для пользовательского свойства типа файл (множественное)
  • Получение меток в шаблоне компонента.
  • Метки не привязаны к шаблону, что позволит Вам выполнить любой дизайн отображения меток.
Фото 1: «Отметки(точки) на изображениях элементов инфоблока»
Фото 2: «Отметки(точки) на изображениях элементов инфоблока»
Фото 3: «Отметки(точки) на изображениях элементов инфоблока»
[DETAIL_PICTURE]=>
   ...
   ...
   [POINTS] => Array(
      [0] => Array(
         [percentleft] => 5.53
         [percenttop] => 36
         [coords_x] => 26
         [coords_y] => 108
         [id] => 1
         [id_file] => 411
         [url_file] => /upload/iblock/830/83050fa7fff957377f0fcc3c6333617a.jpg
         [url_point] => 
         [title_point] => Дверь
         [text_point] => Тестовый текст дверь
      )
      [1] => Array (
         [percentleft] => 35.96
         [percenttop] => 74.33
         [coords_x] => 169
         [coords_y] => 223
         [id] => 2
         [id_file] => 411
         [url_file] => /upload/iblock/830/83050fa7fff957377f0fcc3c6333617a.jpg
         [url_point] => 
         [title_point] => Пуфик
         [text_point] => Тестовый текст пуфик
      )   
          ...

Примечание: модуль не выведет точки автоматически в шаблон, в связи с тем, что это просто невозможно (у всех шаблон разный). Он лишь позволяет получить их в результирующем массиве arResult
Достаточно небольших познаний в области верстки и Вы сможете реализовать любой подходящий для Вашего проекта дизайн отображения меток на изображениях.