This author's response time can be up to 1 business day.
Hi, I wanted to buy WordPress supported code and somehow I paid for standalone. Could you please cancel my current subscription or change to WordPress.
We are using addresses in our tooltips, so there are several lines in a text block. This worked fine until we upgraded to the latest version and now there are no line breaks. We can see the \n in the export code where the break should be, but it’s not working. It looks like the older version used \\n in the code, and the new version uses \n. Not sure if that’s causing the issue, but is there a way to fix this? Thank you!
Hi, sorry for the inconvenience. It’s a trade-off, the new line characters were causing issues to many clients for various reasons. Right now you can insert “br” tags to make new lines. I know it’s not the most elegant thing, but I couldn’t come up with anything better.
Sorry for the inconvenience once again.
Please submit a support ticket at https://webcraftplugins.com/support and my colleague with help you figure this out
I have the wordpress version of this and need to exchange it for the standalone. How can I do that? Also, can I use the standalone with a regular HTML type of site? If so how? Thanks!
In your case, you have to purchase the Standalone (jQuery) version again. According to the policies of Envato Market, we can’t offer an exchange.
You can use the editor of jQuery version on your PC. If you want to build maps with the help of WordPress version, you always must have access to WordPress platform to be able to load the editor. You need from the JSON code of your interactive image to be able to publish it on your HTML webpage. But it means that you will use the editor on your WP site and publish your interactive maps on your HTML standalone site (you will use the plugin simultaneously in 2 products). It is impossible because the License with which you have purchased the plugin doesn’t allow you to use the plugin in more than one single product (one website). In your case, the best solution is to purchase the Standalone (jQuery) version again.
Hey guys! Nice plugin, I just bought it for a client – works great! I have a question. How can I use the Image Map Pro to not only do the pop-ups and highlight areas as it naturally does, but also zoom in on the picture when an area is clicked? For example: the image has 10 glasses on a tray, each glass has a different hot-spot with a pop-up, but when the user clicks the hot-spot area, the image zooms into that general area with a close-up of the one glass…Any help would be awesome
Unfortunately, the plugin hasn’t exactly such functionality. Image Map Pro has a feature for “Front-End Zooming” with the help of which you can zoom the whole interactive image, but that zooming can’t be focused on the outlined shapes (hot-spot areas). Except, if you place the mouse pointer over a hot-spot area (a shape) and scroll-up, scroll-down (and the zooming feature has been activated from the editor of the plugin) your image will be zoomed focusing to the pointer of the mouse.
Tips for Squarespace sites. For anyone trying this, here is what I did to get it working.
Upload you background image to your Squarespace site in the Custom CSS (it allows you to add image files). Insert the image path into your CSS and comment it out (just so you have it handy to copy). In the Squarespace, copy your image path you just created from the Custom CSS window, and paste it into Image Map Pro editor.
Next, switch your site to Developer Mode in Settings, so as you can add the image-map-pro.min.js file to the Scrips folder (I used Dreamweaver SFTP, but you can use GIT too). In the ‘site.region’ file (the main template) above site-bundle.js add script/image-map-pro.min.js.
Be sure to turn off Ajax loading as it prevents the script running when you go between pages (it loads the first time, but not after that, so you get left with an empty screen). In Squarespace go to Design and in Styles turn off Ajax (if it’s on or even there in the first place, not all template use it).
You can add the CSS path the same way to ‘site.region’ and uplaod the css file, or add it in the Custom CSS settings under Design in Squarespace (as I did).
Finally, for the actual custom code for you own Image Map Pro item, add this to Code Injection (under Advanced settings) in the Footer. That’s it.
Thank you very much for your explanations for the Squarespace integration of Image Map Pro.
I have a presale question.
Is it possible to share a link with someone and when the user click on this link to open this url to hot spot image with a specific tool tip open?
Im sorry about my english
It is possible to set a Tooltip to be shown when the page where you will publish the image map is opened.
Hello, where can I find the FontAwesome Icon Library in the editor?
You can see and use the icons from the “FontAwesome Icon Library” of Image Map Pro in the following way: insert a default icon in your image map using the “Icon” tool from the toolbar in the editor of the plugin -> after that go to the menu “Selected Shape Settings” -> go to the section “Icon” -> click on the button “Choose From Library” -> you will see the library and there you can choose an icon.
I am trying to load the shortcode through an ajax call (when a user selects a dropdown a new image map should dynamically load).
As per simonderby, and my observation, the data does not get populated a second time when done through ajax call. The data is just: and nothing inbetween the divs.
Is there any workaround so that I can populate a class/id in html with a user-selected imagemap through a ajax call? Thank you
Is it possible to acquire the version before the floors addition? THe plugin is a MESS now, it always defaults to the webcraft webpage background. If i remove it from the JS!!!!!!!!!! file (what the hell is it doing in the JS file anyways guys…) then it still overwrites any picture I want my hotspots on to be the webcraft tour building stuff when I don’t even have that anywhere.
I have a very nice system dynamically loading every previously generated hotspots and as it seems backward compatibility is not your forte :/ I fixed many months back a version myself so it works as it should but now I don’t want to but also would like to have the improvements.
So please, whatever version was (I think 4.3.1 maybe) right before the floors functionality back in February, I’d like to have it emailed to me if possible.
For each new version I’m using old demo files to test, to ensure that there won’t be issues when updating existing image maps to the newest version.
However I can’t be responsible for a modified version of the plugin. If you made changes to it you must know that updates might cause issues.
I can send you version 4.3 if you’d like, but I would rather find out what is the problem with the current version and fix it. Please get in touch via our support website here – webcraftplugins.com/support and make sure that you can replicate the problem in an unmodified version of the plugin.
Otherwise, my colleague will send you version 4.3.
Is it possible to have the editor information fed, without massively editing the original JS files?
Like a specific picture up, like doing an import of previously saved maps BUT directly feeding it to the editor? Like now, the editor is very rigid and uncustomizable when it comes to what buttons appear, how it saves data (localstorage if not export is not the best) and so on. I need it to have a direct way to feed existing image maps through changing the defaults.js files maybe, also stripping functionality (like a lot less buttons so the users don’t have access to everything)
Some functionality to streamline user generated content would be nice.
Do you have capacity to do customizations for extra income of course?
Hi, I’m not currently available for customizations, but what you are asking can be done without any modification to the source code. There is a global function that you can call to re-initialize the editor and feed it with you own image map:
initSettings – the JSON code that contains all settings of the image map, just like the code that you export
wcpEditorSettings – JSON code which contains all settings for the editor – tabs, buttons, groups, input fields. You will need to write some code if you want to add additional fields to the UI of the editor. The current JSON code can be found in image-map-pro-init.js.
I hope this helps!
Fantastic program – thanks.
I’m glad you like the plugin! If you need any help we are available 365 days a year, just visit our support site.
Almost perfect! I need the ability to load an evacuation map and create rooms for a floor plan. There doesn’t appear to be a way in your demo to align points vertically or horizontally. Is there a way to edit the coordinates for each point?
Can this save to an SVG file?
In the “General” tab of the menu “Image Map Settings” from the editor of the plugin you can set specific coordinates of the location of a shape (X, Y) and set specific values for Width and Height of the shape.
Each image map is presented in JSON code. You can’t save the map in SVG.
Can you edit the individual points of the shape? Any support for “snapping”?
You can edit the position of individual points or remove some of them for Polygon tool only.
Fabric.js has code for Canvas to SVG – http://fabricjs.com/
Hi, Great Plugin, But a pre-sale query.
I use a grayscale image as a background image, and upon hovering specific mapping, that area changes to colored image.
Is this achievable from this plugin?
Hi, it is possible and can be achieved by using the API of the plugin – you can use the API to set the background of the same image map to be changed when a specific area is mouseovered. In that case, when you mouseover a specific area, the background changes to an image in which that area is colored.
If you have further questions, please contact me using our live chat here: https://webcraftplugins.com/support/
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $8.50
This item was featured on CodeCanyon
Deliver better projects faster. Web, design & video assets
Unlimited downloads, from $16.50/month
Learn almost anything with
Envato Tuts+ for free
25,000+ tutorials and 1,000+ courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work