Draw Attention Support
Forum Replies Created
-
Hello @faunlf
Thank you for sharing that! There was some confusion on my end, I was giving you a snippet to remove the titles for the “Show more info” action. I see now that your hotspots are using the “Go to URL” action and you’d like to hide the title in the tooltips when a user hovers over the hotspot, is that correct?
Could you try using this CSS snippet:
body .leaflet-pane.leaflet-tooltip-pane { display: none; }Let us know if that works 🙂
That’s strange, you shouldn’t need to add CSS for each individual hotspot, could you try this code snippet:
.hotspot-title { display:none !important; }If that still doesn’t work, could you attach a link to the page you’re working on?
Hello @faunlf
You’ll need to use a CSS snippet to hide the title for each hotspot:
.hotspot-title { display:none; }and if you’re not familiar with customizing CSS on your site, we have a quick writeup that covers the easiest ways to do that:
https://wpdrawattention.com/document/customizing-draw-attention-css/Let us know if that works for you.
Forum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] Max no of areasHello @erikture
The Draw Attention plugin does not have a limit for the max number of areas that you can create.
It seems like you’ve run into a server issue which is a limitation of your hosting company’s PHP configuration. This is a common problem for images with lots of areas.
Basically, PHP has a setting for max_input_vars which is probably set to 1000 on your server. Basically this controls how much data your PHP configuration will read when a page is submitted. Anything beyond that is cut off. Unfortunately there is nothing in our code that can read this data, because it never reaches WordPress at all – it gets truncated before the page even starts to load.
The easiest solution would be to contact your hosting company and ask:
“Can you please increase the PHP max_input_vars to 5000 for my installation? I have an application that is failing because the limit is set too low (it looks like 1000 right now)”
They should be able to accommodate this request. If you have access to php.ini or depending on your configuration you might be able to do the increase yourself. This is the documentation page for a different WordPress product affected by the same issue that has some good details and instructions:
http://sevenspark.com/docs/ubermenu-menu-item-limit
I hope this helps, unfortunately the script just requires more resources to run with that many shapes so there’s just a limit by the server it’s installed on right now.
Let us know if that helps.
Hello @stanikub,
I’m afraid Draw Attention doesn’t have an “object-fit:cover” functionality to crop the main image based on screen size 🙁
Since some hotspots could potentially be placed on the edge of the image, these would be cut off from view. Another thing to consider is that the image map is not a straightforward image that we can apply CSS to – it would break the built in resizing/responsiveness of the image if we did.
The closest workaround would require that you create at least three different Draw Attention image maps, each with a different crop of the main image. Then you could use Elementor’s responsive mode to show a different shortcode depending on the screen size.
The ability to create multiple Draw Attention images in the plugin is only available in the paid editions of the plugin, so if you’d like to learn more you’ll need to contact us at support@wpdrawattention.com
Thanks!
Hello @3quilibrium
I’m afraid we don’t have a way to highlight the first hotspot by default. The closest workaround would be to have all of the hotspots highlighted by default using the “Always show hotspots for this image” setting – only available in the paid edition of the plugin.
If you’d like to learn more, please contact us through our official support email support@wpdrawattention.com
Thanks!
Forum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] some areas are not workingWe will go ahead and close this since it seems all areas in OP’s linked image are working. If you’re experiencing a similar issue, please reach out to support@wpdrawattention.com.
@saadkkhan Thank you, we sent a reply to your email.
Hello @saadkkhan
Unfortunately, we are not permitted to use these forums to support the premium editions of our plugin.
It does look like we received a message from you earlier to our official support email, but we received an error when sending the response back to you. Could you reach out to us again and double-check the email you’re using?
Thanks!
Forum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] Detail image in paid versionHello @robnguyen
Unfortunately, we are not permitted to use these forums for pre-sale questions or support for the premium editions of our plugin. Please contact our support team directly and we can help answer all of your questions 🙂
Our email is support@wpdrawattention.com
Forum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] some areas are not workingHello @lewoltre
Sorry to see you’re having trouble with the plugin. Could you let us know which areas have missing hotspots?
Could you also reach out to us as support@wpdrawattention.com to continue troubleshooting?
Forum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] Attention animationHello @michelveenstra,
We don’t have a way to make hotspots stand out with animation at the moment. The best option is to make use of the Highlight and Border Color styling for hotspots. And allowing them to always show.
We also see customers adding notes to the page to click on the image for more content.
Let us know if you have more questions 🙂
Forum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] Nested areasHello @mristuccia
Good question! To be able to create a hollow within a hotspot, you’ll need to draw the outer hotspot in a special way, I’ve put together a short video to demonstrate – https://drive.google.com/file/d/1dEUr6u1ZGfmGxCaSS42xfDkpkLjPXT3K/view?usp=sharing
Let us know if you have more questions 🙂
Thanks for sharing the details! Unfortunately, Draw Attention is not compatible with SVGs as the main image. We’d have to re-configure the plugin to support this format since the plugin uses SVGs in the code itself to display the hotspots. This incompatibility seems to be affecting the responsiveness.
Could you upload your main image in a different format and see if that helps?
Hello @artankrasniqi1988
That’s strange! Could you send us an email at support@wpdrawattention.com to continue troubleshooting?
Some other questions that could help:
– What browser are you testing this on?
– Does this also happen on the Draw Attention preview page?Thanks