Виджет Hotspot

Уроки WordPress > Ultimate Addons для Elementor

Точка доступа к изображению позволяет выделять определенные разделы с помощью маркеров и указателей. Маркеры можно размещать на разных участках изображения. Указатели могут отображать информацию о маркерах. Виджет Hotspot в Ultimate Addons for Elementor предоставляет потрясающие возможности для отображения красивой точки доступа к изображению. Ниже приведены ключевые особенности:

Установите фоновое изображение и отрегулируйте его непрозрачность.
Различные типы маркеров — значок, текст, изображение.
Возможность добавить ссылку на каждый маркер
Глобальный и индивидуальный стиль для маркеров с эффектом свечения
Различные параметры настройки всплывающей подсказки (положение, стрелка, анимация).
Инновационная функциональность тура по Hotspot

Изображение на заднем плане

Установите изображение, на котором можно ставить маркеры и выделять разделы. В разделе «Содержимое» > «Изображение » установите изображение и его размер. Непрозрачностью можно управлять в разделе «Стиль» > «Изображение».

Маркеры (значок, текст, изображение)

С помощью маркеров вы можете указать конкретный участок изображения, а затем добавить его описание с помощью всплывающей подсказки. На вкладке «Маркеры» вы можете добавить несколько маркеров. Каждый маркер имеет следующие настройки :

Общий

Тип маркера: выберите тип маркера: значок, текст или изображение.
Положение: выберите местоположение для маркера с горизонтальным положением и вертикальным положением

Содержание

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

Стиль

Переопределить глобальные настройки: глобальный стиль можно настроить в разделе «Стиль» > «Маркер». Этот глобальный стиль можно переопределить для отдельного маркера.

Подсказка

Подсказка это небольшое окно с содержимым, которое появляется, когда зависает сайт. В этом случае, щелкните по маркеру. Содержимое подсказки можно добавить для каждого маркера, выбрав «Маркеры» > «Имя маркера» > «Содержимое». Всплывающую подсказку можно настроить со следующими параметрами:

Позиция: положение подсказки можно установить относительно маркера.
Отображать вкл.: отображать всплывающую подсказку при наведении курсора мыши или щелчке маркера.
Стрелка: установка положения стрелки окна содержимого.
Расстояние: установите расстояние между маркером и подсказкой.
Тип анимации: анимация будет применена к окну содержимого всплывающей подсказки.

Расширенные настройки

Продолжительность анимации
Максимальная высота: если содержимое всплывающей подсказки большое, используйте этот параметр. Прочтите , как работает опция максимальной высоты?
Z-индекс: если всплывающая подсказка отображается под другим разделом, увеличьте значение z-индекса.

Тур по горячим точкам

Это привлекательная и инновационная функция. Позволяет совершить обход по всем маркерам в порядке их расположения.

Стиль маркера и подсказки

Все параметры стиля доступны на вкладке «Стиль» .
Параметр «Эффект свечения» доступен в разделе «Стиль» > «Маркер».

Стилизация маркера в виджете Hotspot

Маркер может наследовать глобальный стиль или может быть настроен с использованием индивидуального стиля. Это может помочь выделить конкретный маркер.

Глобальное оформление — для выбранного типа маркера все параметры оформления будут доступны в разделе Стиль вкладка.

Стилизация маркера в виджете Hotspot

Индивидуальное оформление — стиль для одного маркера можно установить в разделе «Содержимое» (вкладка) > «Маркеры» > (Выберите маркер) > «Стиль».

Как работает Hotspot Tour?

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

Примечание . Функция «Тур по точкам» не будет работать, если не включена всплывающая подсказка. Это связано с тем, что тур отображается во всплывающей подсказке. Он также отображает ссылки навигации (предыдущий, следующий) для тура.

Ниже приведены доступные опции на вкладке «Тур по горячим точкам» . Первоначально включите тур.

Повторить тур: после завершения раунда для всех маркеров пользователь может перейти от последнего к первому маркеру, если эта опция включена.
Авто воспроизведение: тур будет автоматически воспроизводиться для всех маркеров.
Интервал между всплывающими подсказками (сек) – по истечении этого интервала времени появится следующая всплывающая подсказка. Это определяет время между отображением двух всплывающих подсказок.
Запуск тура. Когда вы включаете авто воспроизведение тура, вы можете решить, когда его начать. Эта опция позволит пользователю начать тур одним нажатием кнопки или при появлении активной точки в окне просмотра.
Кнопка наложения: позволяет начать тур, если в приведенной выше опции выбран щелчок кнопки. Кнопка «Один раз» нажимается тур будет воспроизводиться автоматически, пока не будет выбрана опция «Завершить тур».