Чтобы создать переменные, содержащие изображения, перейдите во вкладку «Контент», в инфоблоке «INRAISE: Переменные» перейдите раздел «Изображения» и нажмите на голубую кнопку в верхнем правом углу «Добавить изображение».

Описание свойств и переменных типа «Изображения»

<aside> 🚨 Важно:

• Элемент «Изображение» можно создать как для нескольких переменных (например, Изображение (ссылка на изображения), Alt и Title), так и только для одной переменной (например, Символьный код (изображение в виде тега <img>)). Заполняйте только те переменные, которые собираетесь использовать.
• После сохранения элемента «Изображение» к переменным будут добавлены блоки со сгенерированными кодами переменных и возможностью скопировать.

</aside>

• Активность. Свойство, которое определяет активность элемента.

• Начало активности. Свойство, которое определяет начало активности элемента.

• Окончание активности. Свойство, которое определяет начало активности элемента.

• Название. Свойство используется только для названия элемента и служит для быстрой идентификации элемента среди других.

• Символьный код. Свойство / Переменная:

  • Как свойство, определяет код переменной. Создается автоматически транслитерацией названия. Рекомендуем не редактировать символьный код без острой необходимости. При редактировании символьного кода используйте только латинские буквы в верхнем и нижнем регистре, а также знак “_” (подчеркивание).
  • Как переменная, предназначенная для вывода изображения в виде тега <img>.

• Сортировка. Значения свойства (число) определяют приоритетность элементов между собой. Если активны несколько элементов с одинаковыми символьными кодами, то работать на сайте будут переменные элемента с наименьшим значением поля «Сортировка».

• Изображение. Свойство / Переменная:

  • Как свойство, предназначено для загрузки изображения, которое будет использовано в переменных «Символьный код» и «Изображение».
  • Как переменная, выводит абсолютную ссылку изображения (без тега <img>).

  Пример:

  Загружена картинка в свойство «Изображение» с адресом /image-1.jpg. Значение свойства «Символьный код» — LOGO.

• Alt. Свойство / Переменная:

  • Как свойство, предназначено для указания атрибута Alt в теге <img> переменной «Символьный код».
  • Как переменная, может быть использована в качестве описания изображения в тексте.

• Title. Свойство / Переменная:

  • Как свойство, предназначено для указания атрибута Title в теге <img> переменной «Символьный код».
  • Как переменная, может быть использована в качестве описания изображения в тексте.

• Дополнительные атрибуты. Свойство / Переменная:

  • Как свойство, предназначено для указания дополнительных атрибутов (например: style, itemprop, id и т.п.) **в теге <img> переменной «Символьный код».
  • Как переменная, может быть использована в качестве стилей или иных атрибутов для других изображений.

  Пример:

  Загружена картинка в свойство «Изображение» с адресом /image-1.jpg.

  Значение свойств:

  — Символьный код: LOGO;

  — Alt: Логотип ООО «Ромашка»;

  — Title: ООО «Ромашка»

  — Дополнительные атрибуты: id="logo” itemprop=”image” style="margin-top:10px;”

  	Код переменной	Вывод в HTML
  Переменная «Символьный код»	#INRAISE_VARS_IMAGES_LOGO#	<img id="logo” itemprop=”image” style="margin-top:10px;” src="/image-1.jpg" alt="Логотип ООО «Ромашка»” title="ООО «Ромашка»”>
  Переменная «Изображение»	#INRAISE_VARS_IMAGES_LOGO.URL#	/image-1.jpg
  Переменная «Alt»	#INRAISE_VARS_IMAGES_LOGO.ALT#	Логотип ООО «Ромашка»
  Переменная «Title»	#INRAISE_VARS_IMAGES_LOGO.TITLE#	ООО «Ромашка»
  Переменная «Дополнительные атрибуты»	#INRAISE_VARS_IMAGES_LOGO.ATTRIBUTES#	id="logo” itemprop=”image” style="margin-top:10px;”