-
Posts
-
Hello, I am trying to add forms in the hotspots so that people can book specific parts of the 7908 Restaurant by hovering over the hotspot and filling out the reservation form. However, the hotspot text disappears when the mouse moves to the form. Is there a way to make the form stay up after hovering over the hotspot?
Hey TheMyersRobertsCollective,
Thank you for using Enfold.
You can set the tooltip to display on click instead of mouse enter but you have to modify the js > shortcodes.js file and js > avia.js file. In the avia.js file, look for this code around line 2269.
element = $(target),If the event is “click”, set the element to the parent of the target container.
element = this.options.event == "click" ? $(target).parent() : $(target),And in the shortcodes.js file, look for this code around line 36.
new $.AviaTooltip({'class': "avia-tooltip", data: "avia-tooltip", delay:0, scope: "body"});Add or set the “event” option to “click”.
new $.AviaTooltip({'class': "avia-tooltip", data: "avia-tooltip", delay:0, scope: "body", event: 'click'});Remove browser cache prior to testing the page. Please note that this modification will affect every tooltip element in the page.
Best regards,
Ismael
- The topic ‘Enfold Theme Hotspots Help’ is closed to new replies.