294 comments found.
WordPress Tooltips Ultimate & Image Hotspot
Hi. Could you please advise, is there any possibility to insert html <iframe> into the tooltip and customize the width and height of the tooltip in detail? If this can be implemented – does it also work for tooltips that are linked to an image?
Also, do tooltips have limitations for screens in case, say, the anchor word of the tooltip is at the beginning of the line, and the tooltip is displayed on the left and extends beyond the screen, etc.
And is there any adaptation of tooltips for mobile devices?
Thanks in advance for the reply, hope this is not too much trouble for you.
Can other non-admin users make entries from the front-end?
Hi there, I’ve given the plugin a go and have come to the conclusion that it’s not the right use-case for our business. I have removed it from my website and would kindly like to request a refund please. Thank you!
Hi Guys, I’ve noticed the “Open Link in a New Tab” checkbox option for hotspot tooltips. Would it be possible to include this option in “Tooltip Styles,” allowing me to set it as the default (target=”_blank”) for all hotspot tooltips under a specific ID style? This would greatly streamline the process and save me from manually checking it for each individual hotspot.
The second thing – it would be highly beneficial to have an SEO standard option to set all links as rel=”noopener noreferrer nofollow” by default, also within “Tooltip Styles.”
Thanks for your consideration!
Hi, have you had the time to check these two features? It would be a big help. Thank you!
Hello, I’m trying to import images with multiple image hotspots following your instructions here: https://codecanyon.net/item/wordpress-tooltips-ultimate/20556525/faqs/51499. I’m sure I followed the instructions correctly, and I didn’t forget the style ID. I conducted multiple tests, but it doesn’t seem to work. It uploads only the basic image without any hotspots. Could you please take a look and advise.
PS. I also think (not sure, but as long as I remember) it worked a year ago. I tried with the old import specifications (old PHP functions) I have saved from last year, but that didn’t work either
Just to add, it works if there is only one hotspot, but it doesen’t work if there are multiple hotspots.
Hello, do you happen to have a solution for this issue?
Hi. Could you please provide an update on the resolution progress? Do I need to renew my support to have this problem resolved? Your assistance in this matter is much appreciated. Thank you!
Hi, please send us a test administrator account through the form in our profile page and we will discuss this further ok?
Thank you,
Codemine
ok, just sent
I’m thrilled to share that I’ve successfully resolved this issue through some manual adjustments, and it looks fantastic. Here’s an example:
https://elementalspot.com/costume/dress-up-like-dwight-schrute-from-the-office/Thank you for providing such a useful plugin!
However, it would be even better if you could improve the image export and import process for multiple hotspot tooltips, making it smoother. Thanks!
Hi folks, one question. I’ve updated my Wordpress Version to 6.3.1 and and now I can’t reach the backend anymore – it tells me “critical error”. Frontend works. Found a lot of critical errors in logfile related to the plugin. Does your plugin work with the newest Wordpress-Version and PHP 8.X ? Any idea how to fix? Best regards
Hi, have you got our latest version installed which is compatible with php 8.x?
Hi, I’ve found the problem. It’s a theme conflict with XStore-Template.
Hi, first thank you for this awesome plugin. One thing is missing for me when it comes to image hotspots. How can i display the text of an image hotspot instantly. Is it possible that the image hotspot stay visible instead of hovering over it to see the text (html)? Kind regards
is it compatible with betheme?
Hi, you have 3 options to add a tooltip as shown here.
We are not sure if you can add a tooltip regarding option 1 (by using the wordpress editor) in betheme.
But you can still create tooltips by using option 2 (live tooltips) or option 3 (custom css). And also, you can still add hotspots, since they are used with shortcodes.
Hello there,
Can I please have your help with the conflict below please.
The minute this plugin is enabled, it will break the customize.php resulting in the theme customization not being loaded properly (eg: the Custom CSS section won’t load) Please see error below:
Warning: Cannot modify header information – headers already sent by (path omitted )/public_html/wp-content/plugins/wordpress-tooltips-ultimate/includes/frontend/class-wpcmtt-frontend.php:86) in (path omitted )/public_html/wp-admin/customize.php on line 126
Hi,
We can’t reproduce this warning on our side. Have you got any further information?
Since it is just a warning, are you sure it is causing the problem?
Have you tried to set WP_DEBUG to false?
Sorry I dont know what to do. I googled and found this
https://wordpress.org/support/topic/warning-cannot-modify-header-information-207/#utm_medium=referral&utm_source=facebook.com&utm_content=socialI hope it can help as I dont know what to do with this coding thing ( again If I disable your plugin then everything is ok)
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?
Yes, I sent an admin account to you. Please check!
Hi guys, great plugin so far, exactly what was needed.
Quick question – is it possible to turn off the ‘Live Tooltip’ and ‘Highlight Tooltip’ in the top nav of the dashboard? It’s a personal bug bear of mine – if all plugins add their links to the top bar, it becomes unusable and cluttered, and confusing for client site owners.
If there’s no way of turning this off, any chance you could add this as an option in ‘General Settings’ please, for those who don’t want them there?
Worked perfectly, thanks.
Hi! I just have a question of how I can reduce the width of an image on mobile, I’m making changes to the responsive section of max-width, and also max-width of the “Toolbar Styling” menu and cant seem to change it.
I also tried this CSS:
@media only screen and (max-width: 600px) { .wpcmtt-tooltip-style-80.qtip img { display: block; margin-left: auto; margin-right: auto; max-width: 100px !important; height: 100px !important; } }
This is the full custom CSS I am using as well in case something is interfering:
.wpcmtt-tooltip-style-80.qtip h5 { text-align: center; color: #fff; }
.wpcmtt-tooltip-style-80.qtip img { display: block; margin-left: auto; margin-right: auto; width: 75%; }
@media only screen and (max-width: 600px) { .wpcmtt-tooltip-style-80.qtip img { display: block; margin-left: auto; margin-right: auto; max-width: 100px !important; height: 100px !important; } }
I actually just seemed to get it right after this comment, sorry about that.I used this:
@media only screen and (max-width: 600px) { .wpcmtt-tooltip-style-80.qtip img { display: block; margin-left: auto; margin-right: auto; width: 100% !important; height: auto !important; } }
However, I was also wondering if it’s possible to add text above the image in the “Text and Image” module? Using image top, text bottom display. I’m doing a tooltip for different game items, and I’d ideally want it to be: Item Name (heading) > Image > Text
Thanks! Sorry for all the comments.
Hi and thanks for purchasing our plugin.
“Text and Image” type doesn’t support text below and above image at the same time.
For your scenario you will have to use “HTML” type.
Hello, I just bought the plugin but I realize that it’s not compatible with Elementor. I would like to be able to select just one word in a text (which is not possible with the “live tooltip” functionality). How can I do this? I haven’t found any CSS allowing me to do that either. Thanks in advance,
Hi and thanks for purchasing our plugin.
You can wrap the word in a span with a certain class and then use the “live tooltip” functionality. for example:
<span class="my-certain-class">word</span>
Hi there, I wondered if you could help me? I would like to include an iFrame with 360 picture in your text modal preview style. Could you provide instructions on how to do this, as I see you have mentioned your plugin is compatible with iframes but not sure how to achieve this? Many thanks!
Hi there, just wondering if there was an update on this? Much appreciated.
Hi and thanks for purchasing our plugin.
When you say “preview style”, you mean the example we have on the right of the screen, when you edit the style?
You can’t change the content there. These are just examples in order to change the style and check the changes.
Just make a test tooltip, put the iframe in there.
Sometimes wordpress is not allowing to put iframes in editors. In this case please check our relevant FAQ here.
Hi I hope you can help. The plugin (v3) keeps crashing the site – white screen – when I update php from 7.4 to 8.1 – (also tried 8.0)
I have tried disabling all plugins and enabling them 1 at a time but have found no conflicts with the same result each time.
Is there a field in the database I need to empty / delete – don’t want to remove all the information as we have a lot of tooltips.
Error Details
An error of type E_ERROR was caused in line 224 of the file /wp-content/plugins/wordpress-tooltips-ultimate/includes/common/tooltip-styles/class-wpcmtt-customizer.php. Error message: Uncaught TypeError: Unsupported operand types: string * int in /wp-content/plugins/wordpress-tooltips-ultimate/includes/common/tooltip-styles/class-wpcmtt-customizer.php:224
Stack trace:
#0 /wp-content/plugins/wordpress-tooltips-ultimate/includes/common/tooltip-styles/class-wpcmtt-customizer.php(179): WPCMTT_CUSTOMIZER->custom_css(Array, 
#1 /wp-content/plugins/wordpress-tooltips-ultimate/includes/common/tooltip-styles/class-wpcmtt-customizer.php(15): WPCMTT_CUSTOMIZER->get_tooltip_style_styles(Array,
#2 /wp-content/plugins/wordpress-tooltips-ultimate/includes/frontend/class-wpcmtt-frontend.php(87): WPCMTT_CUSTOMIZER->get_tooltip_style_styles_init(
#3/wp-includes/class-wp-hook.php(308): WPCMTT_FRONTEND->tooltip_register_scripts(‘plugins.php’)
#4 /wp-includes/class-wp-hook.php(332): WP_Hook->apply_filters(NULL, Array)
#5 /wp-includes/plugin.php(517): WP_Hook->do_action(Array)
#6 /wp-admin/admin-header.php(118): do_action(‘admin_enqueue_s…’, ‘plugins.php’)
#7 /wp-admin/plugins.php(605): require_once(’/d…’)
#8 {main}
thrown
Currently having to leave it disabled for the site to work.
Thanks
Hi and thanks for purchasing our plugin.
We have just uploaded a new version 3.1 which fixes the error you mentioned.
Please redownload and reinstall and let us know if the issue is resolved ok?
Thank you, Codemine
Thats great and its now working. Thanks for the quick response.
Great! Don’t forget to rate our plugin at codecanyon here if you are satisfied by it ok? Your feedback means a lot to us!
Best regards,
Codemine
Hello,
I want to add a tooltip globally using the CSS selector but I’m not sure what to put in the CSS selector field.
I want to add the tooltip to some words in the copy in the product descrition of a woocommerce store.
Do I just make it up using the word that I want the tooltip to appear on or is this something specific I need to add here?
Also, when you create tooltip styles, it seem to create a url for each one. What is that for? Will this be same as any page on the front end or is it a url for the back end of the website?
Thanks Celina
Hi and thanks for purchasing our plugin.
No you can’t just add the word, you must use a css selector.
So in your product description you must wrap the world with an html element which will probably have for example a certain class.
Check out this for more information about css selectors.
The url is for the backend only. Don’t care about it.
Hello, I’m trying to workout the CSS selector but struggling. I used the live tooltip and it worked to a degree. It helped selecting a paragraph that the phrase I want to add tooltip to is in but it selects the entire paragraph see below.
:nth-child(4) > .cg-accordion-item > :nth-child(2) >
When you say I should wrap the phrase in html do you mean I need to wrap this phrase on every page I want it to have a tooltip?
Also would the below be the correct way to do it ?
CSS Selector would be [id=hundred-natural], which I put in the SCC field then I wrap the word on the page
some words 100% Natural
CSS Selector would be [id=hundred-natural], which I put in the SCC field then I wrap the word on the page
some words 100% Natural
It won’t post the code on here. Any other way I could share it with you?
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?
Hello is it possible to add tooltips globally so that it appears for every instance it appears across the site?
Hi,
Yes you can add a tooltip with a css selector. This tooltip will appear in your site for example for every element in your site with class ”.test-class”. You can check our documentation here.
That’s perfect. Would this work on a woocommerce product page ?
Yes.
The only way it may not work is if the elements you want to attach the tooltip are rendered asynchronously with ajax and/or javascript. In this case you will have to trigger the tooltip creation after the rendering.
If it will not work for you, we will give you a refund.
Hi team, i realised that the image hotspot is not working properly.
1. as you can see from the links below. all the black round numbers is supposed to be a popup. but if want to view all 10 popups in 1 browsing session, some of the popup is not responding when click.
2. in mobile version. the popup cannot expand properly. after click on a number, the popup will expand and aligned right. i need to scroll down abit so that the image can fully extend.
3. why is the whole background image is an # link? is there any method to disable this? everytime i close a popup the window will jump to the top of the page. i believe this is cause for this # link also?
https://www.prosperus.asia/investing-101/Hi,
There is an option in each hotspot called Hotspot External URL Link. Have you put a # link in it?
Moreover the whole image is in a link container with class fusion-modal-text-link. This is probably caused by your theme. Can you check it please. There might be a problem because you added the shortcode in a special modal block of your theme builder.
Hello,
First of all, I really like your plugin and I was really happy to see that you offer several possibilities.
I have a few questions before purchasing.
1- About achor styling: is it possible to make a dotted line under the word or group of words?
2- The styles: Is it possible to combine several styles in the same page? For example, in the same page, I would like to be able to use the style comic 1 (https://paste.pics/5fe4f980687b38ef2ffd1686d1a79ac9) and the style image with text (https://paste.pics/2fb9df20cd5801b16301b664b7cf995e)
3- I notice that in your demo, the items take a little time to appear. But it’s also in Envato’s famous iframe. I tried out of the iframe, directly in your site and it’s a bit slow too ( https://paste.pics/02b487f53e1b38384d44f8eee38e6295 and this one too to find out what takes the longest to load https:/ /paste.pics/216f4bbd8750f3865916d587e7af0a5a ) Is there an impact on page load time?
4- I use WP-Rocket, are there any issues with this caching plugin?
5- I am using the Salient theme, anything in particular I should know?
Thank you!
Hi,
Does your extended license allow installation on unlimited domains?
Thanks!
Hi, of course. Let us know if you need any further assistance.
Kind regards,
Codemine
Perfect! Thank you for your quick response.
Hello,
is it possible to use custom fonts in image hotspot or general with this plugin?
Thanks and best regards
Hi,
You can edit your tooltip style and go to Tooltip Settings->Custom CSS. There you can add something like this
.wpcmtt-tooltip-style-133.qtip .qtip-content{
font-family: arial !important;
}
where 133 is your style id.
Thank you, it works for texts only. Unfortunately it does not work for the headline “h5” and for redirects “a href” in the tooltip
Like this:
.wpcmtt-tooltip-style-133.qtip .qtip-content,
.wpcmtt-tooltip-style-133.qtip .qtip-content h5,
.wpcmtt-tooltip-style-133.qtip .qtip-content a{
font-family: arial !important;
}
thank you, everything is working
