{ "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!", "name": "divi/tooltip", "d4Shortcode": "", "moduleClassName": "et_pb_tooltip", "moduleOrderClassName": "et_pb_tooltip", "title": "Tooltip", "titles": "Tooltips", "moduleIcon": "divi/module-tooltip", "category": "module", "childrenName": [], "videos": [ { "id": "novideo", "name": "Tooltip module" } ], "attributes": { "content": { "type": "object", "selector": "{{selector}} .et_pb_tooltip_inner", "supportsCustomAttributes": true, "elementType": "content", "attributes": { "class": "et_pb_tooltip_inner" }, "settings": { "innerContent": { "groupType": "group-item", "item": { "groupSlug": "contentText", "priority": 5, "render": true, "attrName": "content.innerContent", "label": "Body", "description": "Here you can create the content that will be used within the tooltip.", "category": "basic_option", "features": { "dynamicContent": { "type": "text" }, "sticky": false, "preset": "content" }, "component": { "type": "field", "name": "divi/richtext" } } }, "decoration": { "bodyFont": {} } } }, "module": { "type": "object", "selector": "{{selector}}", "styleProps": { "background": {}, "border": {}, "boxShadow": {}, "sizing": {}, "spacing": { "important": true }, "layout": {}, "filters": {}, "transform": {}, "animation": {}, "transition": {}, "overflow": {} }, "settings": { "meta": { "meta": {} }, "advanced": { "elements": {}, "html": {}, "link": {}, "loop": {}, "tooltip": { "groupType": "group-items", "items": { "trigger": { "groupSlug": "designTooltip", "priority": 10, "render": true, "attrName": "module.advanced.tooltip", "subName": "trigger", "label": "Show Tooltip On", "description": "Choose when the tooltip is shown to visitors.", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ] }, "component": { "type": "field", "name": "divi/select", "props": { "defaultValue": "hover", "options": { "hover": { "label": "Hover" }, "click": { "label": "Click" }, "always": { "label": "Always" } } } } }, "positionMode": { "groupSlug": "designTooltip", "priority": 15, "render": true, "attrName": "module.advanced.tooltip", "subName": "positionMode", "label": "Tooltip Movement", "description": "Anchored keeps the tooltip fixed relative to the target. Follow cursor moves it with the pointer while open.", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ] }, "component": { "type": "field", "name": "divi/select", "props": { "defaultValue": "anchored", "options": { "anchored": { "label": "Anchored" }, "followCursor": { "label": "Follow Cursor" } } } } }, "tooltipPlacementGrid": { "groupSlug": "designTooltip", "priority": 22, "render": true, "attrName": "module.advanced.tooltip", "subName": "placement", "label": "Tooltip Position", "description": "Inner grid keeps the tooltip within the target; outer ring places it outside. This sets placement, inside/outside bounds, and edge alignment.", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ] }, "component": { "type": "field", "name": "divi/placement-grid-picker", "props": { "layout": "outer-inner", "defaultValue": "outside top center" } } }, "skid": { "groupSlug": "designTooltip", "priority": 50, "render": true, "attrName": "module.advanced.tooltip", "subName": "skid", "label": "Tooltip Skid", "description": "Shifts the tooltip along the target edge (cross-axis offset from the placement).", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ], "dynamicContent": { "type": "number" } }, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "margin", "defaultUnit": "px" } } }, "distance": { "groupSlug": "designTooltip", "priority": 60, "render": true, "attrName": "module.advanced.tooltip", "subName": "distance", "label": "Tooltip Distance", "description": "Gap from the target along the placement direction (main-axis offset).", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ], "dynamicContent": { "type": "number" } }, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "margin", "defaultUnit": "px" } } }, "openDelay": { "groupSlug": "designTooltip", "priority": 70, "render": true, "attrName": "module.advanced.tooltip", "subName": "openDelay", "label": "Tooltip Open Delay", "description": "Delay before the tooltip opens.", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ], "dynamicContent": { "type": "number" } }, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "transition-duration", "defaultUnit": "ms", "minLimit": 0 } } }, "closeDelay": { "groupSlug": "designTooltip", "priority": 80, "render": true, "attrName": "module.advanced.tooltip", "subName": "closeDelay", "label": "Tooltip Close Delay", "description": "Delay before the tooltip closes (mainly for hover).", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ], "dynamicContent": { "type": "number" } }, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "transition-duration", "defaultUnit": "ms", "minLimit": 0 } } }, "showArrow": { "groupSlug": "designTooltip", "priority": 85, "render": true, "attrName": "module.advanced.tooltip", "subName": "showArrow", "label": "Show Tooltip Arrow", "description": "Display a small pointer toward the parent module.", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ] }, "component": { "type": "field", "name": "divi/toggle", "props": { "defaultValue": "off" } } }, "arrowColor": { "groupSlug": "designTooltip", "priority": 90, "render": true, "attrName": "module.advanced.tooltip", "subName": "arrowColor", "label": "Tooltip Arrow Color", "description": "Choose the fill color for the tooltip arrow. By default this matches the module background color.", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script", "style" ], "dynamicContent": { "type": "color" } }, "component": { "type": "field", "name": "divi/color-picker" } }, "arrowPlacement": { "groupSlug": "designTooltip", "priority": 91, "render": true, "attrName": "module.advanced.tooltip", "subName": "arrowPlacement", "label": "Tooltip Arrow Placement", "description": "Choose which tooltip edge shows the arrow and where it sits along that edge (outer ring).", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ] }, "component": { "type": "field", "name": "divi/placement-grid-picker", "props": { "layout": "outer-only", "defaultValue": "outside bottom center" } } }, "arrowOffset": { "groupSlug": "designTooltip", "priority": 95, "render": true, "attrName": "module.advanced.tooltip", "subName": "arrowOffset", "label": "Tooltip Arrow Position", "description": "Slide the arrow along the edge that faces the target.", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ], "dynamicContent": { "type": "number" } }, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "margin", "defaultUnit": "px" } } }, "arrowSize": { "groupSlug": "designTooltip", "priority": 96, "render": true, "attrName": "module.advanced.tooltip", "subName": "arrowSize", "label": "Tooltip Arrow Size", "description": "Control how large the arrow appears.", "category": "basic_option", "features": { "responsive": true, "hover": false, "sticky": false, "preset": [ "script" ], "dynamicContent": { "type": "number" } }, "component": { "type": "field", "name": "divi/range", "props": { "cssProperty": "margin", "defaultUnit": "px" } } } } } }, "decoration": { "animation": {}, "attributes": {}, "background": {}, "border": {}, "boxShadow": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "interactions": {}, "layout": {}, "order": {}, "overflow": {}, "scroll": {}, "sizing": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } } } }, "customCssFields": {}, "settings": { "content": "auto", "design": "auto", "advanced": "auto", "groups": { "contentText": { "panel": "content", "priority": 5, "groupName": "contentText", "component": { "name": "divi/composite", "props": { "groupLabel": "Text", "preset": "content" } } }, "designTooltip": { "panel": "design", "priority": 3, "groupName": "designTooltip", "component": { "name": "divi/composite", "props": { "groupLabel": "Tooltip", "presetGroup": "divi/tooltip" } } } } } }