Code

Can i show all tooltips of a hotspot image on p...

« See all FAQs for WordPress Tooltips Ultimate & Image Hotspot

Can i show all tooltips of a hotspot image on page load instantly?

Yes you can. Insert the code below in your functions.php. Make sure you replace the variable hotspot_id with your Image Hotspot id.


add_action('wp_enqueue_scripts', 'wpcmtt_custom_script', 9999999999);

function wpcmtt_custom_script() {
    $output = '
jQuery(document).ready(function () {

    // Apply code only for tooltips of a certain hotspot image 
    var hotspot_id = 1817;

    jQuery(".wpcmtt[data-wpcmtt-id^=\'" + hotspot_id + "_\']").each(function () {
        var outer_tooltip_selector = jQuery(this).attr("data-wpcmtt-selector");

        //Show all tooltips
        jQuery(outer_tooltip_selector).qtip("toggle", true);

        //Tooltips always visible (stop hidding tooltips)
        //Remove this code if you want to show/hide the tooltips
        jQuery(outer_tooltip_selector).qtip("option", 
        {
            "events.hide": function (e) { 
                e.preventDefault();
            },
        });

    });
});';

    wp_add_inline_script('tooltip-style-js', $output, 'after');
}
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey