Тултип помощник: динамические элементы

Динамические элементы

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

Для выбора элемента, который необходимо вывести на тултип нажмите "Выбрать элемент".

С помощью перетаскивания выбранного элемента его можно разместить в нужном месте тултипа. При клике на элемент открывается вкладка "Настройки".

• Наименование элемента - разместить на тултипе наименование выбранного элемента. Его можно изменить только в настройках инфоблока на сайте.
• Описание элемента - если у выбранного элемента инфоблока есть описание, то вы можете разместить ее на тултипе.
• Картинка элемента - размещение картинки выбранного элемента на тултипе. В настройках доступен выбор между картинкой анонса и детальной.
• Цена элемента - вывод цены элемента на тултип. В настройках доступен выбор отображения цены со скидкой и без.
• Ссылка на товар элемента - отображение ссылки на товар в виде кнопки с настраиваемыми элементами: можно указать текст или ссылку кнопки, тип блока, высоту кнопки, цвет, цвет текста, закругление углов и внутренний отступ.
• Свойство элемента - вывод свойства элемента на тултип. В настройках доступен выбор вывода среди свойств, указанных в инфоблоке.

Общие настройки динамических элементов

Для всех элементов возможны настройки:

• Расположения - с помощью наглядного инструмента задается расположение элемента.
• Стилей - можно задать цвет и прозрачность фона под элементом, прозрачность элемента, тень, стиль границ блока, их цвет, прозрачность и закругление углов.
• Шрифта - выбор шрифта, его размера, жирности, стиля написания, высоты строки, цвета, выравнивания, подчеркивания, регистра написания и тени.
• Основное - возможность ввести ID, CSS и CSS классы.
• Удаление - кнопка удаления выбранного элемента.

---