Draw Attention Support
Forum Replies Created
-
Hello @mrlennyman
Thanks for reaching out! I took a look at your page and my best guess is that the ShortPixel Adaptive Images plugin is cropping the original image that you drew the hotspots on. Thus making all of the hotspots appear shifted.
Could you go to your WordPress dashboard > Settings > ShortPixel AI settings > Exclusions > under the ‘Leave out completely’ field enter the following CSS selector:
img.hotspots-image
After saving the changes, use ShortPixel’s ‘Clear CSS Cache’ feature and see if that helps display it normally again.
That should prevent ShortPixel from altering the Draw Attention image. If that still doesn’t help, please reach out to us at support@wpdrawattention.com
Thanks!
Hello @jschmit,
Yes this is possible with the help of some CSS:
body #hotspot-{id} .hotspots-image-container {
background: transparent;
}Where you would switch out the {id} for your image id, it looks like the one you linked me to has an id of 200. So your CSS would look like this:
body #hotspot-200 .hotspots-image-container {
background: transparent;
}And if you need help adding CSS, we have a guide to help you add the snippet to the page – https://wpdrawattention.com/document/customizing-draw-attention-css/
Let me know if that helps!
Natalie GThe plugin developers gave this another try and weren’t able to fix the compatibility issues with the Fancy Box library.
We think it’s fair to say that, unfortunately, we’re not compatible with plugins or themes that use Fancy Box 🙁
Forum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] translation with PolylangWoohoo! Glad to hear that helped 🙂
Let us know if you need anything else,
Natalie GForum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] translation with PolylangHello @css31
We don’t have very much experience working with Polylang (more with WPML), but with most translation plugins you should just be able to set a different featured image for each translation.
I did find this forum with a similar issue to yours – https://wordpress.org/support/topic/polylang-will-not-display-featured-image-in-2nd-language/
@bralingo mentioned, “I was able to set different featured images with a change to the settings under the Polylang Language settings. There is a section called Synchronization. Choose Options and deselect featured image. Then save. After that, I set the featured image for each translation and it displays correctly for each.”
If that doesn’t help, you’ll need to contact the Polylang team and ask how to have different featured images in translations. This should also be happening with all other post types, is that true?
Thanks,
Natalie GHello @randmanrjr
Sorry to see you’re having issues with Draw Attention 🙁 We’ve seen in the past that this issue is caused by a plugin conflict. From the page you linked, I do see that the [object Object] lightbox is coming from some sort of fancybox feature or plugin.
Could you try using this troubleshooting plugin to try to narrow down the plugin causing the conflict –
https://wordpress.org/plugins/plugin-detective/Once you start Plugin Detective, just mark Draw Attention as a “required plugin” for the test. Plugin Detective will deactivate all the other plugins on your site and you can confirm that Draw Attention is working properly. Then it will activate different combinations of plugins for you, and at each step, you just need to tell Plugin Detective if the Draw Attention image is working properly. It will help you eliminate possibilities and suggest the plugin that might be causing the conflict.`
If that still doesn’t help, please reach out to our support email support@wpdrawattention.com and we can continue the troubleshooting steps with you there.
I’m afraid that even if the admin uploads the room plans to the WP Dashboard, the site user would not be able to draw or add content to them.
Creating the Draw Attention images is only available to site admins.
Forum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] Full Width Draw AttentionHello @arejones
The Draw Attention image size is dependent on two things: 1) Original image size and 2) the theme’s container holding the draw attention block (this is what will need to be set to full-width).
None of the Draw Attention CSS will affect whether it shows at full width.
I took a look at your page and the image you’re using is a good size (1920×1080) but I do see a lot of modifications to the containers and the Draw Attention image itself.
For example, I see that the max-width is set to 920px in the .content-area holding the image.
Could you contact our support email at support@wpdrawattention.com? We can help you get this page back on track.
Hello @felix2021,
Unfortunately, we don’t have a way for users to submit their own Draw Attention image from the front-end.
Let us know if you have any other questions,
Natalie GThe solution to this involved configuring the Elementor section that held the Draw Attention image. If you’re wanting to adjust the size of a Draw Attention image you either have to:
1. play around with the container holding the interactive image in your page builder, or
2. upload a bigger original image (if you’re trying to make it bigger)Hello @bereng
The main Draw Attention image size is dependent on two things, 1) your theme and the size of the container you give it, 2) the size of the original image. But, Draw Attention doesn’t handle any zooming or enlarging/stretching of an image.
Could you reach out to our email support, we’d be happy to take a close look at your page through there – support@wpdrawattention.com
Forum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] Show text on top of map/imageHello @asenkubator
The free version of Draw Attention only includes one layout (position to the Left) and the ability to create a single interactive image.
We’d love to answer all of your questions on the Pro version, but we must stick to the community guidelines – https://wordpress.org/support/guidelines/#do-not-post-about-commercial-products
Please contact us at support@wpdrawattention.com for more information on the Pro version of the plugin.
Thanks!
Forum: Plugins
In reply to: [Interactive Image Map Plugin - Draw Attention] Play sound fileHello @lesliebigos
At the moment you should be able to use the Audio shortcode to embed an audio player into the hotspots of the interactive image – https://wordpress.org/support/article/audio-shortcode/
But, they do not stop playing if someone clicks another hotspot, they’ll need to manually play and pause each audio file.
Our developers went in and fixed this functionality, both for the Free and Pro versions, each should be able to handle audio in our next release (Free version – 1.9.17).
Thanks!
@ohyeahz hmm, that shouldn’t be happening in the free plugin. Do you by chance have the Responsive Image Maps plugin installed?
We’ve seen issues in the past with this plugin causing mismatched hotspots in the past.
Try deactivating that plugin if you have it installed and see if that helps.
Hello @johnnychao,
I’m afraid Draw Attention won’t be a good fit for what you’re looking for. We don’t have a way to add markers, there’s no save state, and no way to associate any info with a user account.
I’m sure there is a way to accomplish this but it would require quite of bit of custom coding.
Thanks!