Виджет Hotspot
Точка доступа к изображению позволяет выделять определенные разделы с помощью маркеров и указателей. Маркеры можно размещать на разных участках изображения. Указатели могут отображать информацию о маркерах. Виджет Hotspot в Ultimate Addons for Elementor предоставляет потрясающие возможности для отображения красивой точки доступа к изображению. Ниже приведены ключевые особенности:
- Установите фоновое изображение и отрегулируйте его непрозрачность.
- Различные типы маркеров — значок, текст, изображение.
- Возможность добавить ссылку на каждый маркер
- Глобальный и индивидуальный стиль для маркеров с эффектом свечения
- Различные параметры настройки всплывающей подсказки (положение, стрелка, анимация).
- Инновационная функциональность тура по Hotspot
Изображение на заднем плане
Установите изображение, на котором можно ставить маркеры и выделять разделы. В разделе «Содержимое» > «Изображение » установите изображение и его размер. Непрозрачностью можно управлять в разделе «Стиль» > «Изображение».
Маркеры (значок, текст, изображение)
С помощью маркеров вы можете указать конкретный участок изображения, а затем добавить его описание с помощью всплывающей подсказки. На вкладке «Маркеры» вы можете добавить несколько маркеров. Каждый маркер имеет следующие настройки :
Общий
- Тип маркера: выберите тип маркера: значок, текст или изображение.
- Положение: выберите местоположение для маркера с горизонтальным положением и вертикальным положением
Содержание
- Содержимое подсказки: редактор TinyMCE позволяет добавлять контент, который будет отображаться во всплывающей подсказке для каждого маркера. Дополнительные параметры доступны на вкладке «Подсказка».
- Ссылка на маркер: вы можете добавить ссылку на каждый маркер.
Стиль
- Переопределить глобальные настройки: глобальный стиль можно настроить в разделе «Стиль» > «Маркер». Этот глобальный стиль можно переопределить для отдельного маркера.
Подсказка
Подсказка это небольшое окно с содержимым, которое появляется, когда зависает сайт. В этом случае, щелкните по маркеру. Содержимое подсказки можно добавить для каждого маркера, выбрав «Маркеры» > «Имя маркера» > «Содержимое». Всплывающую подсказку можно настроить со следующими параметрами:
- Позиция: положение подсказки можно установить относительно маркера.
- Отображать вкл.: отображать всплывающую подсказку при наведении курсора мыши или щелчке маркера.
- Стрелка: установка положения стрелки окна содержимого.
- Расстояние: установите расстояние между маркером и подсказкой.
- Тип анимации: анимация будет применена к окну содержимого всплывающей подсказки.
Расширенные настройки
- Продолжительность анимации
- Максимальная высота: если содержимое всплывающей подсказки большое, используйте этот параметр. Прочтите , как работает опция максимальной высоты?
- Z-индекс: если всплывающая подсказка отображается под другим разделом, увеличьте значение z-индекса.
Тур по горячим точкам
Это привлекательная и инновационная функция. Позволяет совершить обход по всем маркерам в порядке их расположения.
Стиль маркера и подсказки
- Все параметры стиля доступны на вкладке «Стиль» .
- Параметр «Эффект свечения» доступен в разделе «Стиль» > «Маркер».
Стилизация маркера в виджете Hotspot
Маркер может наследовать глобальный стиль или может быть настроен с использованием индивидуального стиля. Это может помочь выделить конкретный маркер.
Глобальное оформление — для выбранного типа маркера все параметры оформления будут доступны в разделе Стиль вкладка.
Стилизация маркера в виджете Hotspot
Индивидуальное оформление — стиль для одного маркера можно установить в разделе «Содержимое» (вкладка) > «Маркеры» > (Выберите маркер) > «Стиль».
Как работает Hotspot Tour?
Как следует из названия, эта функция позволяет пользователю совершить обзор всех маркеров. Тур будет следовать порядку создания маркеров. Начиная с первого маркера, через указанный интервал времени всплывающая подсказка будет постепенно отображаться для других маркеров.
Примечание . Функция «Тур по точкам» не будет работать, если не включена всплывающая подсказка. Это связано с тем, что тур отображается во всплывающей подсказке. Он также отображает ссылки навигации (предыдущий, следующий) для тура.
Ниже приведены доступные опции на вкладке «Тур по горячим точкам» . Первоначально включите тур.
- Повторить тур: после завершения раунда для всех маркеров пользователь может перейти от последнего к первому маркеру, если эта опция включена.
- Авто воспроизведение: тур будет автоматически воспроизводиться для всех маркеров.
- Интервал между всплывающими подсказками (сек) – по истечении этого интервала времени появится следующая всплывающая подсказка. Это определяет время между отображением двух всплывающих подсказок.
- Запуск тура. Когда вы включаете авто воспроизведение тура, вы можете решить, когда его начать. Эта опция позволит пользователю начать тур одним нажатием кнопки или при появлении активной точки в окне просмотра.
- Кнопка наложения: позволяет начать тур, если в приведенной выше опции выбран щелчок кнопки. Кнопка «Один раз» нажимается тур будет воспроизводиться автоматически, пока не будет выбрана опция «Завершить тур».
Комментарии
Найдите свой шаблон для сайта среди 300+ вариантов
Все шаблонные сайты
Один ответ на “Виджет Hotspot”
Спасибо за просмотр! Оставляйте свои комментарии и вопросы!