Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 7, 2015 at 5:22 pm #441105
    GCA2014

    Hi,

    I guess there is no way, yet, to make a hotspot tooltip sticky?

    I have a lot of information in my tooltip and the user would have to keep the mouse steady for a long time in order to read it all.
    Would it be possible to make the tooltip be visible on mouse-click onto the hotspot and not just on-hover?

    Thanks and cheers
    ~Harry

    May 8, 2015 at 5:51 pm #441684
    Elliott

    Hi GCA2014!

    If your using the latest version of Enfold then the image hotspots have an option called “Show tooltips” which you can set to “Always” to have the tooltips display all the time.

    This is the effect we used on this page, http://kriesi.at/themes/enfold-shop/#av-layout-grid-2.

    Cheers!
    Elliott

    May 10, 2015 at 7:28 pm #442133
    GCA2014

    Thanks for the reply and the help.

    However it’s not quite the behavior I am looking for. I have large tooltips and if I set Show tooltips to “Always” they would flow into each other. I would like only one at a time to be sticky.
    I guess that’s not natively possible and would have to be coded ?

    May 12, 2015 at 4:07 pm #443115
    Elliott

    Hi!

    Try opening up /enfold/config-templatebuilder/avia-template-builder/assets/js/avia-tooltip.js and change line 14 from this.

    event: 'mouseenter',       //mousenter and leave or click and leave

    To this.

    event: 'click',       //mousenter and leave or click and leave

    Cheers!
    Elliott

    June 30, 2016 at 1:22 pm #655257
    frenchfries

    Hi! I’m trying to do the same, did u had any result?

    July 1, 2016 at 9:11 am #655599
    Rikard

    Hi @frenchfries,

    What problems are you having?

    Best regards,
    Rikard

    March 6, 2017 at 6:08 pm #756533
    royaltask

    Is it possible to add this changes in my child theme? Where to place avia-tooltip.js in child theme?

    March 8, 2017 at 9:17 pm #758033
    royaltask

    Is this code correct. I want to place avia-tooltip.js in my child theme folder /js/avia-tooltip.js

    function wp_change_avia-tooltip() {
   wp_dequeue_script( 'avia-tooltip' );
   wp_enqueue_script( 'avia-tooltip-child', get_stylesheet_directory_uri().'/js/avia-tooltip.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_avia-tooltip', 100 );
    March 13, 2017 at 1:28 pm #759983
    Victoria

    Hi royaltask,

    get_stylesheet_directory_uri() will give you the css folder in child theme and if it is not your intended folder, you should use get_template_directory_uri() instead.

    function wp_change_avia-tooltip() {
    wp_dequeue_script( ‘avia-tooltip’ );
    wp_enqueue_script( ‘avia-tooltip-child’, get_template_directory_uri().’/js/avia-tooltip.js’, array(‘jquery’), 2, true );
}
add_action( ‘wp_print_scripts’, ‘wp_change_avia-tooltip’, 100 );

    Let me know if this helps.

    Best regards,
    Victoria

    • This reply was modified 7 years, 8 months ago by Victoria.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.