web_infography_spot Shortcode
The web_infography_spot shortcode renders the interactive Infography spot component.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Allowed parent shortcodes: web_gmap.
Usage
[web_infography_spot]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
spot_mode |
tooltip-mode |
tooltip-mode, link |
Controls the spot mode. |
spot_action |
url |
url, modal, ajax, slider |
Choose whether the spot opens a URL, modal, dynamically loaded page, or slider action. Available when spot_mode is link. |
spot_url |
— | String unless stated otherwise | Enter the url to which you will direct when clicking the button. Available when spot_action is url. |
spot_url_target |
— | yes |
Open link in another window. Available when spot_action is url. |
spot_modal_id |
— | String unless stated otherwise | Enter the modal box ID which will be triggered when clicking the button. Available when spot_action is modal. |
spot_ajax_page |
— | A value selected from WordPress | Choose the page to display via AJAX. Available when spot_action is ajax. |
spot_slider_id |
— | String unless stated otherwise | Enter the Slider ID you want to manage. Available when spot_action is slider. |
spot_slider_action |
next |
next, previous, custom |
Controls the slider action. Available when spot_action is slider. |
spot_slider_custom_slide_id |
— | String unless stated otherwise | Controls the custom slide id. Available when spot_slider_action is custom. |
aria_label |
— | String unless stated otherwise | Set label for accessibility. |
content |
— | String unless stated otherwise | Controls the tooltip content, please edit in text mode:. Available when spot_mode is tooltip-mode. |
title |
— | String unless stated otherwise | Title for the tooltip. Available when spot_mode is tooltip-mode. |
icontype |
dot |
dot, number, image |
Controls the display the hotspot with:. |
hotspot_image |
— | String unless stated otherwise | Select the image to be displayed. Available when icontype is image. |
position_y |
25% |
String unless stated otherwise | Controls the icon position y. |
position_x |
25% |
String unless stated otherwise | Controls the icon position x. |
color |
1 |
String unless stated otherwise | Controls the icon color. |
ispulse |
yes |
yes, no |
Controls the display pulse animation for the hotspot icon?. |
arrowposition |
top |
top, right, bottom, left |
Controls the tooltip arrow position. Available when spot_mode is tooltip. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_class |
— | String unless stated otherwise | If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. |
index |
— | String unless stated otherwise | Sets the index value consumed by this shortcode. |
Verification
Keep web_infography_spot inside web_interactive_infography; verify the child order and the parent interaction on the public page. Pay particular attention to spot_mode and spot_action.
On pointer-based devices, a tooltip-mode spot remains open for one second after the pointer leaves the spot. Moving the pointer into the tooltip during that grace period keeps it open, and leaving both the spot and tooltip starts a new one-second grace period. Click and keyboard focus continue to keep the tooltip open; touch-oriented devices use the persistent click interaction.