294 comments found.
Hello, in your demo (test cases > tooltip over image) you show an image with a tooltip when that image is hovered on but it doesn’t require hot spots. The live tooltip feature isn’t working. What do you suggest for adding tooltips to images on our site, we want it to work the same way as your demo image in test cases. Thank you!
Hi team,
i am trying to configure image hotspot with image modal. but i realised the modal is having some issue. https://www.prosperus.asia/investing-101/1. on chrome , when the modal pop-up. I dont have the close button to close the modal. 2. is there any place to configure the image to be bigger? i see the default size for .qtip is 280px. but if i custom the max width with css. when the image popup the position will off. 3. is there anyway to configure the tooltip to be click to popup instead of hover?
Hi, Any update for this?
Hi and thanks for purchasing our plugin.
Please send us a test administrator account through the form in our profile page and we will continue the resolution of your problem through mail ok?
Thank you,
Codemine
Moreover,
Edit your tooltip style and check the following:
1) Go to Tooltip Settings -> Tooltip Styling -> Close Button and check if it is enabled
2) Go to Tooltip Settings -> Tooltip Styling -> Max Width (px) and Width (px) in order to change the width
3) Go to Tooltip Settings -> Interaction -> Show on and change it to Click
Upon inspecting the code, on every page of the site there are span(s) related to the created tooltips. The spans have a position of left: -28000px and top: -28000px. Could this create problems in terms of SEO?
Not to our knowledge.
Hi, can you please update the plugin to work with PHP 8?
Hi, what exactly is your issue? Our plugin is compatible with PHP 8.
It breaks the site when I upgrade to PHP8 :
I renamed public_html/wp-content/plugins to pluginsold
Then I created a new plugins folder.
Then I moved the plugins one by one & this was the plugin to break the site when activating PHP 8.
I had no choice but to stay with 7.4 
Hi again. It seems you were right. My apologies. The problem was from something else. My apologies.
Something else… Can you please make it compatible with Elementor?
We can use tooltips in woocommerce checkout for “create account”, “shipping methods” and some other custom elements (thirdparty plugin to add custom elements in checkout)? Tommy
Hi,
Can you insert an acf frontend form into the popup?
Hi there,
I’m having issues with Modal when using the Image Hotspot. There doesn’t seem to be a close button. In this page https://mockwebsite.com/v2/ I have 2 hotspots 1. over Benefits 2. over Clients.
Also, can the hotspots be activated on click instead of hover.
I’m using the Modal as the client wants the popup to be centred in the page not above or below the hotspot link as per the hotspot links here:https://mockwebsite.com/
Any suggestions?
Thanks
Not to worry. One of the plugins was causing the Edit Style button from displaying.
Great! Let us know if you need any further assistance!
Hi Codemine team,
Regarding the Import/ Export explained here in your FAQs.
After my testing these are the results:
- wpcmtt_hotspot ids are consecutive (PRIMARY KEY). Since during the import, always new short code IDs are assigned for the Image hotspots, there is no possibility to import hotspots with the old IDs. So basically, the whole function with the import-export is well-intentioned but practically unusable. In summary, if someone wants to move from one site to another, or if someone wants to update data in hotspots, everything must be done manually. Really everything, because the shortcode IDs change. The whole thing is not succeeded.
- Also, the import works only for images with one hotspot. For images with multiple hotspots (and hotspot tooltips), it doesn’t work.
- by using the following PHP function, only images with the same tooltip style ID can be imported at once. And images with multiple tooltips can’t be loaded either way (see No.1 above), but even if they could, with this PHP code it would only be possible if all tooltips are the same style (which is not the case for me)
function hotspots_import( $value ){ $value = json_decode($value, true); foreach ($value as $key => $field) { // add here the ID of your style in your new site $value$key = “3”; } return serialize( $value );}
I hope I am making a mistake, if so please explain, otherwise, it is worrying.
Thanks! Laylah
Hi, we have updated the FAQ. Take a look and let us know.
Regarding the update question you have and the IDs, you should try the import record matching based on the hotspot title.
Hello,
I wanted to know if it is possible when I use the image hotspot that the user can be redirected by clicking on the hotspot (not in the Text)?
I am attaching a link to the hotspot, but I still want the text to appear when hovering. Is this possible?
Best regards
Hi, yes this will be possible in the next major update that we are planning to release on the next days. We will notify you when it’s online.
Hi, we have uploaded a new version 3.0 which has the feature you asked.
Kind regards,
Codemine
Hi There, I put together one image tooltip at this page a few months ago and want to produce more of these journey maps> https://impact.globalsisters.org/fabiola-campbells-business-journey/
but for some reason when I press the “publish” button on the others I’m producing, it won’t publish. It’s just showing a blue border around the button.
I’m running Version 2.32 of the plugin and Version 6.0.2 of Wordpress
*I meant image hotspot not image tooltip Does this have something to do with the update on 1st Sept I’ve just noticed? Do I need to do anything to update the plugin?
Any update on this please? I have a deadline pending. Thanks
Hi and thanks for purchasing our plugin.
Please send us a test administrator account through the form in our profile page and we will continue the resolution of your problem through mail ok?
Thank you,
Codemine
Hello,
Meanwhile your plugin has become one of the central points on my website. Thanks to your input I have been able to optimize it very well. Thank you very much for that!
But I still have one obstacle on the way.
Please have a look at this sample image:
https://elementalspot.com/the-wolf-of-wall-street-naomis-clothes-outfits-style-and-looks/#naomis-outfitEach hotspot on the image leads to a tooltip. In this case it is a HTML tooltip with an image inside. The image is then linked to an external page (affiliate). I would like to skip this intermediate step so that when the users click on the hotspot (pulsing e), they are taken directly to the external page without having to click tooltip content first.
Would this be possible?
Many thanks!
Hello Codemine team, do you have any idea? The option would really help me … Thanks!
Hi,
This functionality is out of scope of our plugin.
As a workaround you can do the following.
Add this code to your functions.php file. This code uses some javascript in order to detect the link, add it to the hotspot, and remove the tooltip.
add_action('wp_enqueue_scripts', 'wpcmtt_hotspot_link', 9999999999);
function wpcmtt_hotspot_link() {
$output = '
jQuery(document).ready(function () {
jQuery(".wpcmtt_hotspot_pin").each(function () {
var id = jQuery(this).parent(".wpcmtt-hotspot").attr("data-hotspot_id");
//Get link
var link = jQuery(".wpcmtt[data-wpcmtt-id=" + id + "] a");
if(link.length > 0){
//Remove tooltip. Delete this if you still want the tooltips to show
jQuery(".wpcmtt-hotspot[data-hotspot_id=\'"+ id + "\'] .wpcmtt_hotspot_pin").qtip("destroy");
//Add link to hotspot
jQuery(this).wrap("<a href="\'"+jQuery(link[0]).attr("href")"></a>");
}
});
});';
wp_add_inline_script('tooltip-style-js', $output, 'after');
}
Hope this helps!
Thank you.
As far as I understand, this applies to all images and removes tooltip generally from all hotspots? I have no way to implement this “custom” only on some images?
Hi again,
Please send us a personal message through the form in our profile page and we will discuss your request further ok?
Thank you,
Codemine
Thank you,
Codemine
Hi,
I am generally satisfied with the plugin. I have created the HotSpots, and shotcuts work on the posts and pages, but:
1. Simple search option does not work for published HotSpots. I have bublished hundreds of then, all named. When I search (please have a look at the screenshots below, whether by shortcut ID (e.g. [wpcmtt_hotspot id=”24508”]) or by name, no results come up. I have to search it manually 2. View or preview option do not work. I can view the image with the hotspot on it, only when I add shortcut to another page, but not in the plugin.
Here I have put screenshots: https://docs.google.com/document/d/1WtrV9jL22buv_C4LQhgAARceKe4Bfaj1ai30LGNVLVs/edit?usp=sharingHi, thanks for the feedback, we will take a look and let you know.
Hi.
We have just uploaded a new version 2.34 with which you can now search on hotspots by using the hotspot ID. We have also remove the preview button from the hotspot, since it is not available for the time being.
Please redownload and reinstall and let us know if the issue is resolved ok?
Kind regards,
Codemine
thank you. It works like a charm!
Hi,
I bought the plugin WordPress Tooltips Ultimate & Image Hotspot a few days ago.
Now I have unfortunately noticed that the YouTube widget activates in the background.
I found it in the browser console.
Is there a way to disable it? It is very important due to privacy issues.
Best regards
Hi, The live tooltip is not properly working for a single word on Elementor text editor. It will be nice if the tooltip option will be added to the Elementor text editor.
??
Hi, i wanted to ask if the “WordPress Tooltips Ultimate & Image Hotspot” is suitable for WordPress version 6.0 and if it is compatible with Elementor? Can I choose any WordPress theme for the plugin?
Best regards
Import via WP All Import doesn’t work
Hi,
I need to import about 5000 images and hotspots into WordPress. I have: 1. images 2. custom icon 3. exact coordinates for pins.
Is a bulk import possible?
I tried this with WP All Import PRO plugin, but it didn’t work. I also tried exporting a few existing Hotspot Images and importing the same file, but that was not successful. I have the issue importing into wpcmtt_hotspot_points_meta_hotspot_tooltip field. Here is an example: The export data for that field is for example the following:
a:1:{i:0;a:9:{s:37:”wpcmtt_hotspot_points_meta_position_x”;s:5:”58.91”;s:37:”wpcmtt_hotspot_points_meta_position_y”;s:5:”40.83”;s:50:”wpcmtt_hotspot_points_meta_custom_hotspot_pin_type”;s:7:”default”;s:50:”wpcmtt_hotspot_points_meta_custom_hotspot_fa_color”;s:7:”#000000”;s:55:”wpcmtt_hotspot_points_meta_custom_hotspot_pin_animation”;s:4:”none”;s:54:”wpcmtt_hotspot_points_meta_custom_hotspot_pin_position”;s:8:”Top_Left”;s:32:”wpcmtt_hotspot_points_meta_style”;s:4:”1314”;s:31:”wpcmtt_hotspot_points_meta_type”;s:4:”html”;s:44:”wpcmtt_hotspot_points_meta_image_text_layout”;s:10:”image_left”;}}
So, when I’m trying to import exact the same data into the same field, it doesn’t work. . It seems the field is serialized.
Could you please help?
Thanks Layla
Update:
I tried to solve the problem by converting that code to “serialized”, then I added some custom fields via ACF. And I get something like this:
<?php array ( 0 => array ( ‘wpcmtt_hotspot_points_meta_position_x’ => ‘{position_x1}’, ‘wpcmtt_hotspot_points_meta_position_y’ => ‘{position_x1}’, ‘wpcmtt_hotspot_points_meta_custom_hotspot_pin_type’ => ‘default’, ‘wpcmtt_hotspot_points_meta_custom_hotspot_fa_color’ => ’#000000’, ‘wpcmtt_hotspot_points_meta_custom_hotspot_pin_animation’ => ‘fade’, ‘wpcmtt_hotspot_points_meta_custom_hotspot_pin_position’ => ‘Top_Left’, ‘wpcmtt_hotspot_points_meta_type’ => ‘html’, ‘wpcmtt_hotspot_points_meta_image_text_layout’ => ‘image_left’, ‘wpcmtt_hotspot_points_meta_html’ => ‘{meta_html1}’, ), ) ?> I added it to php custom functions but that didn’t work too… Any idea?
Could you please give me a feedback?
Many thanks! Layla
Hi, for the moment we haven’t found a solution, we will search it further and let you know!
Hi again, please check our FAQ that we have created here so that you export the hotspots.
Kind regards,
Codemine
Hi, thank you very much. It doesn’t work When importing the file I get this message:
Custom Field Value template is invalid: Call to undefined function “hotspots_import”
My mistake. It works! Thank you very much guys, really apreciate it
Hi, the import works only for images with one hotspot. For images with multiple hotspots (and hotspot tooltips) it doesen’t work.
Could you please look into it?
The second issue is, by using this php function: }
$value = json_decode($value, true);
foreach ($value as $key => $field) {
// add here the ID of your style in your new site
$value$key = "3";
}
return serialize( $value );only images with the same tooltip style ID can be imported at once.
we have a site staging.biga.com and have a page with where we have about 10 hot spots on an image. when the plug-in is active there is a small yellow box almost like a broken link or camera image in it – very small that appears when you hover over the navigation line on any page of the site. when you deactivate the plug-in the yellow box goes away. we have the plug-in on at this time so you can see the yellow box. the page with the hot spots is https://staging.biga.com/private-dining/private-dining-room-floor-plans/
Hi and thanks for purchasing our plugin.
Please send us a test administrator account through the form in our profile page and we will continue the resolution of your problem through mail ok?
Thank you,
Codemine
Hi, does this plugin support Gravity Forms + WPML? We have Gravity Forms forms that we must translate to many languages with WPML, including also the tooltip texts of course.
Dear Codemine, I have been setting up tooltips on a image hotspot. On the desktop screen they appear on the correct place but when I open the page on the iphone (Google Chrome), they seem to appear lower than where they are supposed to be.
Can you please help? Thanks Werner5
Hi, we have uploaded a fix in your site. Take a look and let us know.
However, we would suggest that you use a different image on mobile (that shows only the woman’s head in zoom for example) and create the same hotspots there (since the area you select is small).
Thanks very much for the fix, it works 100%! I am going to add a lot more hotspots on the rest of her and his body…. Many thanks
Hello, I am interested in your plugin. I need some information. I should make a box, where on the left it has a series of links and on the right the place for the image. I would need a different image associated with each link and when clicking on the link, the image with the test appears on the right side of the box. I have 100 links to insert, so I would also need to have a scroll bar for the list of links. Is it possible to do this with your own plugin?
Greetings Umberto
Hi,
Your scenario is too specific. We suggest that you find another plugin for your needs.
Best,
Codemine
Kind regards,
Codemine
