Discussion on Image Map Pro for Cornerstone - Interactive Image Map Builder


nickys supports this item


This author's response time can be up to 1 business day.

63 comments found.


jah67 Purchased

OK, initial thoughts, it’s great to use and easy to setup, but… I’m having issues with mouseover boxes when viewed on mobile, they run off the screen. Is there a way to ensure content fits within a mobile device screen?
Also, is there a way to dynamically scale map markers on mobile devices so they’re not drawn so big please?
Oh, and is there a way to make map markers animate either regularly of when they detect a pointer within a certain proximity? https://goldguardholdings.com/flowchart/

1. Yes, you can choose to enable the “constrain tooltips” option. The plugin will try to fit the tooltips inside the screen, to the best of its ability. If you have a lot of content that simply can’t fit, you should enable fullscreen tooltips on mobile devices. You can also experiment with custom width of the tooltips, if you feel like some adjustment is necessary.

2. Map markers actually scale up or down, so they always appear about 40 pixels in size. The reason for this is user experience – you don’t want the markers too small on mobile devices so that you can’t touch them, and you don’t want them too big in fullscreen mode, it’s just pointless.

3. There is an idea to add an option for blinking/glowing/bouncing markers. It might be included in the next major release, but I can’t promise – it’s just an idea for now.

Thank you for the feedback, it’s much appreciated, and if you have any issues or questions about the plugin, please visit our support site.



2 questions

1- can that be used with woocommerce?

2- it seems to me that the popup boxs are not responsive.


1) Image Map Pro hasn’t WooCommerce integration. What is your idea? What you want to accomplish with the help of Image Map Pro and jointly WooCommerce.

2) To make the content of the Tooltips (“popup boxes”) to be readable and responsive on mobile devices you can use an option for Constraining of the Tooltips. With the help of that option, the plugin will try to fit the tooltips on the screen, to the best of its ability. If there is a lot of content that simply can’t fit, we advice all our customers to set the Tooltips to be shown in “Fullscreen” for “Mobile Only”. In that way, when your site is loaded on mobile devices the content of tooltips will be displayed on fullscreen.

Moreover, you have the ability to experiment with a custom width of the tooltips.

Best Regards

adding a picture contains products . in which i can connect each with a product in woocommerce

You could accomplish this if you use your own Custom JS code which you can integrate into your image map with the help of the API of the plugin. I advise you to see examples and more information how you can use the API of the plugin in the documentation of the plugin: https://webcraftplugins.com/image-map-pro/uploads/documentation/cornerstone/index.html

The latest version (4.3.1) made my interactive maps disappear so I have had to roll back to a previous version to get them back!

I replied to your live chat message sent to us. :)